
微信小程序
过敏的小鱼干
这个作者很懒,什么都没留下…
展开
-
微信小程序代码上传,审核发布小程序
1.打开微信开发者工具管理员扫码 -> 填写好小程序的项目目录、AppID(必须是客户已注册好的AppID)、项目名称2.在app.js中修改id(客户登录后台管理系统的id),app.json中修改页面导航栏标题navigationBarTitleText|3.配置合法域名(工具 -> 项目详情 -> 域名信息)4.如果域名还没有配置,请前往微信公众平台 ,登录...原创 2018-11-01 11:38:33 · 23188 阅读 · 7 评论 -
微信小程序中获取微信用户绑定的手机号getPhoneNumber
调用getPhoneNumber之前先调用wx.login接口,获取登录凭证(code),通过凭证进而获取用户登录态信息(包括openid及session_key)1.js文件中(1)在getPhoneNumber里面,先调用微信登录接口wx.login,获取登录凭证code,请求后台接口(参数为encryptedData,iv,code),请求成功,后台会返回phoneNumber,appi...原创 2018-12-18 11:16:51 · 5975 阅读 · 3 评论 -
微信小程序wx:if控制元素显示隐藏
1.在 .js 页面中,定义consume(人均消费)2.在 .wxml 页面中,使用wx:if="{{advantage.consume != ‘’}}"判断人均消费consume是否为空,若不为空,则该元素显示3.在 .wxss 页面中4.consume不为空的效果图如下:5.若consume为空,则该元素隐藏6.consume为空的效果图如下:(整个view元素都隐藏)...原创 2018-11-26 15:47:42 · 21790 阅读 · 0 评论 -
微信小程序中实现五星评价(后台评分小程序显示)
1.在.js页面中,定义一个num,代表评分星星颗数2.在.js页面中,定义setData()函数,one_1表示黄色星星颗数,two_1表示灰色星星颗数setData()函数:用于将逻辑层数据发送到视图层,同时对应的改变this.data的值。setData()参数格式:接受一个对象,以键(key)值(value)的方式改变值。3.在.wxml页面中,循环渲染黄灰星星颗数(星星为图片...原创 2018-11-26 15:07:38 · 7399 阅读 · 1 评论 -
微信小程序中内嵌h5页面,添加拨打电话功能
1.内嵌的h5页面head里面添加meta标签PS:name="format-detection"为格式检测,telephone=yes为手机号码显示为拨号的超链接<meta name="format-detection" content="telephone=yes"/>2.html原创 2018-11-02 11:56:42 · 14417 阅读 · 2 评论 -
微信小程序中内嵌一个h5页面
1.写好要嵌入的html页面PS:我是用sublime编辑器编写的html页面,从后台服务器上面读取数据(富文本的内容),追加到body里面,再上传到前端服务器上面2.把h5文件夹(包括多个需要内嵌到小程序里面的html文件)上传到服务器上面PS:可使用Xftp6破解版,新建会话,填写主机、用户名和密码。去到自己的目录下,例如/home/xxx,把文件直接拖拽到/xxx目录下,可自动上传)...原创 2018-11-02 10:15:01 · 11118 阅读 · 0 评论 -
小程序报错404,xxx.css或xxx.js找不到,服务器缓存问题
小程序报错如下:1.小程序报404错误,xxx.css或xxx.js文件找不到,是服务器缓存问题。服务器需要清理缓存,不然会出现小程序后台管理系统内容已经更新,可是访问不了2.我是用vue框架写的小程序后台管理系统,npm run build之后把dist里面的static和index文件放到服务器上面,所以要去阿里云服务器上面清缓存【登录–管理控制台–CDN–刷新缓存–URL–刷新】。...原创 2018-11-01 13:36:14 · 1873 阅读 · 0 评论 -
微信小程序的一键拨打电话,wx.makePhoneCall接口
1.在 .wxml文件中添加点击事件 bindtap=‘to_call’ <view class='right' bindtap='to_call'> <text class='iconfont icon-phone'>拨打</text> </view>2.在 .js文件中处理Page({ data: { ...原创 2018-11-01 17:02:40 · 16103 阅读 · 3 评论 -
微信小程序的轮播图,swiper组件
1.访问微信公众平台–小程序开发–组件–swiper2.在 .wxml文件中使用该组件&amp;lt;swiper class=&quot;slide-image&quot; indicator-dots=&quot;{{indicatorDots}}&quot; autoplay=&quot;{{autoplay}}&quot; interval=&quot;{{in原创 2018-11-01 16:29:37 · 730 阅读 · 0 评论 -
微信小程序的转发分享功能
1.在 .js 文件中添加函数,点击小程序右上角…可转发分享 /** * 用户点击右上角分享 */ onShareAppMessage: function () { }2.开发版小程序的效果图如下:3.手机浏览小程序的效果图如下:...原创 2018-11-01 15:40:25 · 949 阅读 · 0 评论 -
微信小程序中使用腾讯地图,导航到目的地
1.效果图如下:(点击地图可导航,从用户当前位置到目的地)2. wxml文件中(1)目标地址location<!-- 地址 --><view class='loc'> <view> <text class='iconfont icon-location'></text> </view> &l...原创 2018-12-18 15:57:15 · 25246 阅读 · 17 评论