Step1我们初始化一个小程序（本示例基础版本库为1.7），删掉里面的示例代码，并新建一个components文件夹，用于存放我们以后开发中的所用组件，今天我们的目的是实现一个首页组件，因此，我们在components组件中新建一个home 文件夹来存放我们的弹窗组件，在home下右击新建Component并...

1、函数中访问data中的数据_this.setData({//日历数据signList:dataList,//当前日期todayDay:str})2、if判断wx:if="{{item.id&&item.lessNum!=0}}"3、for循环<blockwx:for="{{listRepar}...

小程序实现和h5一样的音乐图标一直旋转。 一、.js中封装旋转动画方法 　　添加animation属性data:{animation:''"}改变animation的值（官网提供角度范围是-180~180，但是我发现角度越大会一直旋转）onShow:function(){console.log('i...

小程序中下方的导航会被iPhoneX下面的那条黑线盖住【微笑脸】，所以要专门为了iPhoneX做样式上的适配【微笑脸】wx.getSystemInfo({success:function(res){//console.log(res.model)//console.log(res.language)//zh_CN(en...

1、关键代码1）WXML文件2）JS文件saveImgToPhotosAlbumTap:function(){　　　　　//图片必须是https的varIMG_URL='http://www.51dev.com//FileUpload/news/202004/20200402175325704.jpg';wx.down...

用户可使用小程序客服消息功能，与小程序的客服人员进行沟通。客服消息会话入口有两个：1、小程序内：开发者在小程序内添加客服消息按钮组件https://developers.weixin.qq.com/miniprogram/dev/component/contact-button.html?t=20161221，用户可在...

apicloud、weixinpay官方提供了两种方案。本模块封装了两套支付方案：方案一：开发者通过getOrderId、payOrder自己处理签名过程（微信开放平台建议把getOrderId放在服务器端执行）；方案二：通过config接口和pay接口把签名过程交予模块内部处理。config接口的参数可通过key.x...

授权登录、接入第三方的配置例如：微信的登录授权。首先在模块里面添加wx这个模块，然后在项目的配置文件里面进行配置。配置的时候要现在微信开放平台https://open.weixin.qq.com/的移动应用里面，创建这个应用，等审核通过之后就会拿到相应的appleid以及key。具体配置请参考https://docs....

一、首先小程序的跳转方法有一下几种js控制跳转//保留当前页面，跳转到应用内的某个页面wx.navigateTo({url:'../blueberry/blueberry'});//关闭当前页面，跳转到应用内的某个页面wx.redirectTo({url:'../blueberry/blueberry'});//跳转到...

 通常后台传递过来的都是时间戳，但是前台展示不能展示时间戳。就需要转化了。功能说明：微信小程序里，时间戳转化为日期格式，支持自定义、拷贝至项目utils/utils.js中，并注意在js中声明下；module.exports={formatTime:formatTime,//日期转时间戳formatTimeT...

当您的项目需要多次使用同一个布局和样式的时候，您就可以考虑使用template（模板）来减少冗余代码。使用方式：1.新建一个template文件夹来存放您的通用模板；2.在文件夹里面新建一个wxml，wxss,进行模板和样式的定义； 3.设置模板的name，以及里面您需要定义的wxml内容；4.设置wxss样...

官方api：https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html上边是官网的api。小程序中，底部下拉滚动选择主要有这几种　　下拉选择，时间选择，城市选择，多项选择。1.index.js中：//index.js//获取应用实例constapp=g...

怎样实现jq中的slideUp或者slideDown这种动画效果呢，我的思路是用css3的transform:translateY（）属性，给需要动画的元素添加上一个动画class。先上效果图：1.蒙层的结构：<!--购物车蒙层--><viewclass='list-fix'wx:if="{{meng...

需求：发送页面通过url传值，接收页面获取值。发送页面的jsvarnowid='10';wx.navigateTo({url:'../index/index?id='+nowid,}) 或者发送页面用navigate组件：<navigate url="xxx?id=10"></na...

在微信小程序中怎样实现获取验证码的倒计时功能捏，倒计时的原理是一样一样的，就是某些地方需要注意。第一步：结构<viewclass='get-code'wx:if="{{!isShow}}"bindtap='getCode'>获取验证码</view><viewclass='get-code'...