小程序 | 优惠券样式

  • Post author:
  • Post category:小程序

最后的效果大概是这样子的 业余选手, 没事写着玩的, 参考了网上的一些写法。 用到了 ColorUI , 一个比较好看的小程序框架 首先将colorui的样式mian.css放到你习惯的目录去(我就随便放在了config目录中了), 然后在app.wxss引入样式 @import "config/main.wxss"; 然后coupon.wxml <view class="bg-white …

继续阅读 小程序 | 优惠券样式

微信小程序swiper滑动-仿饿了么

  • Post author:
  • Post category:小程序

前言:本篇swiper滑动可以根据需要一页显示多少项内容(根据数组渲染的)。除外,还能修改指示点的默认和选中的样式。 饿了么-gif效果图片: 示例-gif效果图片: wxml: <view> <!-- swiper实例 --> <view> <swiper class="swiper-box" style="height: 280rpx;border: …

继续阅读 微信小程序swiper滑动-仿饿了么

微信小程序中form 表单提交和取值实例详解

  • Post author:
  • Post category:小程序

我们知道,如果我们直接给 input 添加 bindinput,比如:<input bindinput="onUsernameInput" />,那么可以在 onUsernameInput 中直接使用 e.detail.value,即: onUsernameInput : function(e) { e.detail.value; } 但是,如果有多个输入控件,我们不可能为每个控件添加…

继续阅读 微信小程序中form 表单提交和取值实例详解

微信小程序将业务中数据分离到单独的文件中

  • Post author:
  • Post category:小程序

js中是处理业务逻辑的,但是上次我们写列表展示的数据都是放在定义在js文件中,这肯定是不好的,最好把数据和业务逻辑分开,我们想办法把数据写到单独的文件中,然后再js中引入进来就可以,这样维护起来也很方便. 创建一个文件夹data 然后在这个文件夹下创建一个posts-data.js文件,把json数据放在这个文件中: 那么当我想要这个数据时,怎么引入这个json数据呢? 在posts-data.j…

继续阅读 微信小程序将业务中数据分离到单独的文件中

微信小程序 原生时间选择器 月份范围 几月至几月 封装组件 父子组件

  • Post author:
  • Post category:小程序

效果如图所示 需求分析:默认显示当前年份1月到1月 选择月份上面的文字随之变化 年份-获取1900年到现在 月份-第一列月份12个月所以选择   第二个月份随着第一个选择而变化 大于第一个选择的月份 页面布局.wxml <view class="revenue"> <image src="../../assets/images/revenue.png" class="banner…

继续阅读 微信小程序 原生时间选择器 月份范围 几月至几月 封装组件 父子组件

小程序实现弹幕功能-无限循环,不会重叠

  • Post author:
  • Post category:小程序

以下是支付宝小程序代码,先上效果图 以下是axml代码: <view class="view"> <block a:for="{{bulletChatData}}" a:key="id"> <text class="item" style="animation: first 8s linear forwards;top:{{item.top}}%;color:{{it…

继续阅读 小程序实现弹幕功能-无限循环,不会重叠

关于applet小程序在浏览器上运行的备注

  • Post author:
  • Post category:小程序

由于初学java,就去图书馆借了两本书,然后就照着书上流程一步步开始写java代码。我在D盘目录下AppletTest文件夹下建立了一个RollingMessage.txt文件,编辑代码如下 import java.applet.*; import java.awt.*; public class RollingMessage extends Applet implements Runnable{…

继续阅读 关于applet小程序在浏览器上运行的备注

【问题排查与解决】ios调起微信小程序支付失败

  • Post author:
  • Post category:小程序

ios调起微信小程序支付SDK失败 场景 排查方向(1. 支付规范导致2. 参数缺少导致3. sdk版本问题) 微信小程序支付规范 解决方式 调起微信小程序参数问题(需要传入当前小程序的appId) 解决方式 SDK版本问题 解决方式 场景 从外部APP跳转进入微信小程序中完成支付操作。安卓可以正常调起支付sdk,ios却不可以。 排查方向(1. 支付规范导致2. 参数缺少导致3. sdk版本问题…

继续阅读 【问题排查与解决】ios调起微信小程序支付失败

微信小程序更新token

  • Post author:
  • Post category:小程序

// 更新token refreshToken() { let that = this // token过期时间 后台设置18000秒 判定17000秒 if (uni.getStorageSync("userInfo").token) { // access_token 过期时间剩余 let expires_in = uni.getStorageSync("userInfo").token.ex…

继续阅读 微信小程序更新token

微信小程序-打开地图选择位置

  • Post author:
  • Post category:小程序

微信小程序地图自动定位位置: 方法步骤如下: 1.申请获取用户地址的权限; 2.打开地图选择; 3.由于获取到的地址是一串字符串,所以必须通过经纬度反查地址分隔省市县;(如不需要分隔可省略)获取之后自动填充到表单中。 在wxml中点击触发以下方法即可 getCenterLocation() { var that = this; wx.authorize({ scope: 'scope.userLo…

继续阅读 微信小程序-打开地图选择位置