
微信小程序、公共号
guanguan0_0
学着学着就会了
展开
-
微信小程序五星评价功能实现
实现五星评价功能,效果图如下:.wxml文件:<view class="star-title">1、品质效果</view><view class="star-pos"> <image class='stars' bindtap="changeColor" data-index='0' data-no="{{item原创 2018-05-17 18:18:03 · 7131 阅读 · 3 评论 -
微信公众号一键拨号功能
效果如上图,代码非常简单,直接用a标签,OK<a class="phone" href="tel:10000">10000</a>原创 2019-09-10 10:21:02 · 5454 阅读 · 0 评论 -
小程序回到顶部的问题
小程序中经常遇到点击按钮回到顶部的功能,或是刷新页面数据回到顶部,可以使用scroll-view来监听scroll实现该功能wxml:<scroll-viewscroll-top="{{scrollTop}}" scroll-y="true"></scroll-view>js:data: { scrollTop:0}//在需要返回顶部的地方设置scrollTop的...原创 2018-07-04 15:57:19 · 922 阅读 · 0 评论 -
单选tab标签及样式
小程序开发中,经常遇到页签或是一些标签的单选功能,如下:(1)头部页签(2)分类选择这两种情况一样,以第二种为例:wxml:<view class='filter'> <view wx:for='{{category}}' class='{{tabflag==index?"tabhover":""}}' bindtap='changetab' data-index='{{i...原创 2018-07-04 15:54:34 · 1081 阅读 · 0 评论 -
小程序使用MD5加密
小程序开发会遇到权限控制问题,有时会使用MD5对openid等进行加密,现在简单介绍一下MD5的加密过程1、将md5.js放入utils文件夹中md5.js:/** A JavaScript implementation of the RSA Data Security, Inc. MD5 Message* Digest Algorithm, as defined in RF...原创 2018-07-04 15:53:23 · 6317 阅读 · 1 评论 -
微信小程序使用富文本编辑器
使用WxParse插件实现小程序的富文本显示 ,下载地址:富文本插件WxParse 具体使用步骤:1. 复制插件文件夹到项目根目录,emojis是表情包,可选择性删除2. 在.js文件中引入WxParse模块var WxParse= require('../../../wxParse/wxParse.js');3. 在.wxss文件中引入WxParse.wxss样式,...原创 2018-05-17 18:24:08 · 9852 阅读 · 2 评论 -
微信小程序一键拨号功能实现
1. 在.wxml文件中绑定拨号事件<button type="default" bindtap="calling">拨打电话</button>2. 在.js文件中加入逻辑代码calling: function () { wx.makePhoneCall({ phoneNumber: '***************', ...原创 2018-05-17 18:22:57 · 13232 阅读 · 1 评论 -
Flex布局深入浅出
Flex布局: Flexible Box的缩写,意为“弹性布局”,为盒模型提供巨大的灵活性使用说明:1. 任何容器都可以使用flex布局.box { display: flex;}2.行内元素可以使用flex布局.box{ display: inline-flex;}3.webkit内核的浏览器,要加上-webkit前缀.box { display: -webkit-flex;...原创 2018-05-17 18:21:59 · 218 阅读 · 0 评论 -
微信小程序开发踩坑合集(接口调用,setData,获取屏幕高度)
一、接口调用 本地调试时,后台接口为http请求,需要更改开发者工具中的设置,将红框里的内容勾选。1. 在app.js中设置基路径:data: { baseUrl: 'http://32m4im.natappfree.cc'} 2. 在需要调用接口的js文件中获取基路径:data: { baseUrl: getApp().data.base...原创 2018-05-17 18:21:03 · 1406 阅读 · 0 评论 -
微信小程序分页懒加载
代码示例data: { baseUrl: getApp().data.baseUrl, // 接口基路径 caseData: [], currentPage: 1, // 设置加载的第几次,默认是第一次 pageSize: 2, // 每页条数 hasMoreData: true,},// 获取工程案例分页集合getCaseD...原创 2018-05-17 18:19:33 · 4295 阅读 · 7 评论 -
微信小程序中显示换行、空格
1.空格,换行<text>你好!\t七月流火啊!\n我在下一行</text>\t空格(多个只会显示一个空格)\n换行2.连续空格<view> <text space="ensp">你好 啊 哈哈哈(空格是中文字符一半大小)</text></view><view&am原创 2018-05-17 18:18:48 · 65432 阅读 · 1 评论 -
微信公共号分享链接配置
1、通过config接口注入权限验证配置一般情况会通过接口,将当前页面的url传给后端,获取到config配置所需的参数;let _config = () => { this.$post('common/getShareConf', { url: location.href }, '', this).then( response => { ...原创 2019-09-10 11:10:48 · 1425 阅读 · 2 评论