安装小程序版
是拾玖不是十九
这个作者很懒,什么都没留下…
展开
-
微信小程序订阅消息
/** * 获取小程序订阅消息权限 */auth() { let that = this; wx.requestSubscribeMessage({ tmplIds: ['nZkEP4qmaPx69I_zw7lEy1ux7o2I_o4HHvvy_pVUodM'], success(res) { // app.toast(`${res.nZkEP4qmaPx69I_zw7lEy1ux7o2I_o4HHvvy_pVUodM}`, 'none'); },原创 2021-04-02 17:12:17 · 130 阅读 · 0 评论 -
微信小程序cover-view组件无法自动换行
加上这个:white-space: pre-wrap;原创 2021-04-02 16:50:44 · 329 阅读 · 0 评论 -
微信小程序页面使用indexof过滤不生效的问题
微信小程序wxml过滤只支持三元运算符,indexOf得放在wxs里面过滤原创 2021-04-02 16:29:23 · 497 阅读 · 0 评论 -
订单列表未支付账单倒计时
先上效果图研究心路 最开始是想给每个订单都添加自己的定时器倒计时,成功了,达到了效果,但继续测试时发现超过二十条数据就会卡死,甚至白屏闪退,小程序承受不住这么多的定时器。后来有小伙伴给我提建议,让我把定时器设置在列表上,每一秒就重新加载一次列表。性能上就好了很多,不卡了,数据加载的多也没问题了。关键代码 // 遍历数组 forOrderList() { this.setData(原创 2021-04-02 16:23:10 · 268 阅读 · 0 评论 -
微信小程序富文本适配
超好用的插件:mp-html开发历程看这文档和使用方法看这就用它用它,超好用!原创 2021-04-02 15:30:21 · 273 阅读 · 0 评论 -
微信小程序页面传参
页面一<view class="main"> <view>页面一</view> <button bindtap="btn">跳转到页面二</button></view>Page({ data: { data: '我是页面一的数据', data1: '我是页面一的第二条数据' }, onLoad() { }, btn() { wx.navigateTo({原创 2021-04-02 15:17:14 · 153 阅读 · 0 评论 -
微信小程序自定义地址组件
项目需求 需要调用后台传过来的地址,存储地址时存的是地址的id,所以市面上的地址组件均不符合我的需求,只能自定义一个。技术选取 picker-view和picker-view-column核心代码region.wxml<!--地址选择器--><view wx:if="{{show}}" cl原创 2021-04-01 19:21:48 · 704 阅读 · 0 评论 -
微信小程序使用正则过滤电话号码
小程序没有vue那样的filter机制,但他提供了另一种东西:wxs,可以结合wxml构造页面结构,达成过滤效果,具体了解去看WXS | 微信开放文档。这里直接上代码:/** * filter/phoneFilter.wxs * wxs 只支持es5的语法 * 电话号码过滤器 * 传入 String * 导出 String 带星号 */var phoneFilter = { getPhone: function (phone) { if (phone !==原创 2021-04-01 18:04:33 · 670 阅读 · 0 评论 -
微信小程序组件周期在页面周期前面运行
微信小程序组件周期在页面周期前面运行原创 2021-04-01 17:49:04 · 89 阅读 · 0 评论 -
微信小程序使用async
原创 2021-04-01 17:37:27 · 332 阅读 · 0 评论 -
微信小程序阻止事件冒泡
可用:<view catchtap="{{false}}"></view><view catchtap></view>不可用:<view catchtap=""></view>原创 2021-04-01 17:33:34 · 96 阅读 · 0 评论 -
微信小程序获取用户信息
2021年4月13日后发布的小程序新版本,无法通过wx.getUserInfo与获取用户个人信息(头像、昵称、性别与地区),将直接获取匿名数据(包括userInfo与encryptedData中的用户个人信息),获取加密后的openID与unionID数据的能力不做调整。此前发布的小程序版本不受影响,但如果要进行版本更新则需要进行适配。新增getUserProfile接口(基础库2.10.4版本开始支持),可获取用户头像、昵称、性别及地区信息,开发者每次通过该接口获取用户个人信息均需用户确认。具体接口..原创 2021-04-01 17:30:46 · 378 阅读 · 0 评论 -
微信小程序返回上一页并重新获取数据
由于小程序没有刷新页面这种东西,就换一个角度来写。方法一 使用wx.navigateTo跳转页面后原页面并不会消失,只是隐藏了,小程序的页面生命周期中有一步为onShow,这个方法会在页面出现在前台时进行,也就是说无论是创建页面还是返回页面时都会触发这个事件,我们可以把获取页面数据的事件写在这一步,返回页面时就会达成刷新页面的效果。(建议把页面初始化的操作都放在一个方法里面,比如initPage)方法二&n原创 2021-04-01 17:20:50 · 1543 阅读 · 0 评论 -
微信小程序父组件设置的样式对子组件无效
比如父组件设置了flex布局,子组件需要占满剩下的部分。<!-- 父组件 --><view class="main"> <view class="top"></view> <child></child></view>page { width: 100%; height: 100%; .main { width: 100%; height: 100%; background原创 2021-04-01 17:06:42 · 942 阅读 · 0 评论 -
微信小程序父子组件传值
父传子 小程序的父组件可以是page类型,也可以是component类型,子组件一定是component类型。<!-- 父组件 --><view class="container"> 我是父组件 <child parent="{{parent}}"></child></view><!-- 子组件 --><view class="child">我是子组件原创 2021-04-01 12:01:11 · 339 阅读 · 2 评论 -
微信小程序自定义组件命名
在json文件中引入自定义组件时,驼峰命名无法自动转换成 - 形式。原创 2021-04-01 10:03:56 · 811 阅读 · 0 评论 -
css渐变边框
border-right: 1px solid;border-image: linear-gradient(#F2F2F2, #D8D8D8, #F2F2F2) 0 47;效果:参考文档:border-image - CSS(层叠样式表) | MDN原创 2021-03-31 17:59:39 · 84 阅读 · 0 评论 -
小程序封装tabbar
项目需求 两种tabbar,外部tabbar有一个入口里面套了一个商城,商城有自己的tabbar,外部tabbar进入部分菜单时有限制条件,判断用户是否登录,是否入驻。踩坑过程小程序app.json自带的tabbar,功能太少,只能做普通的跳转页面,pass。小程序官方weui提供的tabbar,比自带的稍微好一点,但能做到的功能也很少,不符合我的项目需求,pass。自己封装一个tabbar。代码实现创建一个component文件<!-原创 2021-03-31 17:54:45 · 224 阅读 · 0 评论 -
微信小程序一键登录
项目需求 点击按钮获取用户电话号码绑定到后台,登录。实现思路使用微信开放功能为获取用户手机号的button按钮绑定点击事件为获取用户授权。如果获取用户手机号授权成功调用微信登录接口获取code。用获取到的code去调用后台接口获取到用户的openid。code+openid去调用后台写的小程序自动登录接口获取到access_token,至此登录功能完成。查询用户是否绑定过手机号,未绑定就去调用绑定手机号的接口。绑定过就直接提示登录成功,根据自己原创 2021-03-31 16:48:03 · 9317 阅读 · 6 评论 -
微信小程序input框传参
在微信小程序中原生input组件无法直接传参,但可以通过自定义属性的方式达成效果<!-- 自定义属性的命名格式为“data-自定义名字” --><input data-type="realname" type="text" class="value" placeholder="请输入您的真实姓名" placeholder-class="placeholder" value="{{realName}}" bindinput="bindInputChange"></input&原创 2021-03-07 17:38:24 · 2184 阅读 · 0 评论 -
微信小程序中image无法显示
在小程序中image不能放在text里面,改成view就好原创 2021-03-07 17:05:11 · 1128 阅读 · 0 评论 -
微信小程序中使用过滤器
主要是借助wxs文件,具体说明看文档:WXS | 微信开放文档直接上如何使用:在根目录下新建filter文件夹创建你需要的过滤器文件,后缀名为.wxs编写过滤器代码// wxs不支持es6的语法var statusFilter = { // 定义一个函数作为过滤器 参数status为传来的原始值 getStatus: function(status) { if(status !== '' && status != undefined) { //原创 2021-03-05 09:47:22 · 784 阅读 · 1 评论 -
微信小程序与普通h5标签的差别(持续更新)
h5微信小程序说明pview小程序无p标签,可用view来代替spantext同上divview同上原创 2021-03-05 09:34:41 · 212 阅读 · 1 评论 -
微信小程序安装weui
在项目根目录下执行:npm init然后下包npm install --save weui-miniprogram然后报了这么一段错npm ERR! code ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! errno ERR_TLS_CERT_ALTNAME_INVALIDnpm ERR! request to https://registry.cnpmjs.org/weui-miniprogram failed, reason: Hostname/I.原创 2021-03-05 00:07:41 · 301 阅读 · 1 评论 -
微信小程序rpx的用法
定义啥的我就不说了,个人尝试:在iphone6的视图下,1px = 2rpx的算法比较合适原创 2021-03-04 23:08:17 · 372 阅读 · 1 评论 -
微信小程序使用input
html部分<view class="item" wx:for="{{setList}}" wx:key="index"> <text class="label">{{item.label}}</text> <input data-label="{{item.label}}" type="text" placeholder="{{item.placeholder}}" placeholder-class="placeholder" value="{{item.原创 2021-03-04 23:04:29 · 343 阅读 · 1 评论 -
微信小程序区分开发,体验,正式环境
在utils文件夹下创建isdev.js文件// 判断环境// develop 开发版// trial 体验版// release 正式版const accountInfo = wx.getAccountInfoSync();const env = accountInfo.miniProgram.envVersion;module.exports = env;挂载到app.js上let env = require('./utils/isdev');App({ e.原创 2021-03-04 14:48:51 · 829 阅读 · 1 评论 -
微信小程序封装接口
封装公共的请求类utils文件夹下创建request.js文件// request.jsconst timeout = 1000 * 12; // 请求超时时间let request = {};// post請求request.post = (url, data) => { return new Promise((resolve, reject) => { wx.request({ url, data, header: { .原创 2021-03-04 14:35:12 · 190 阅读 · 1 评论 -
微信小程序使用less
在vscode中下载Easy LESS插件安装好后找到这个插件的文件夹可以在 ~/.vscode/extensions (macOS 系统) 或 C:\Users\用户名.vscode\extensions (Microsoft Windows 系统) 下找到复制到微信开发者工具里面打开微信开发者工具,top栏,设置>扩展设置>扩展>自定义扩展点击,“打开扩展文件夹”,然后会打开一个文件夹,粘贴到这里就行了。打开改插件的开关,如果复制粘贴进去了没有就重启微信开发者工具再.原创 2021-03-03 18:22:12 · 1067 阅读 · 1 评论 -
微信小程序新建项目
下载安装微信开发者工具开发者工具下载页面我选的稳定版Windows 64,可直接点此下载:稳定版Windows 64新建一个小程序项目项目名称和目录随便你写,AppID找项目经理或组长要,没有就用点击测试号将就一下,个人账号也可以申请AppID,相关操作看这里小程序申请账号,后端服务选择的不使用云服务,云开发还没试过,有机会再看吧。填写完成之后就点击右下角的新建,完成后就是这个页面:清空默认的内容,获取一个干净的项目。删除pages下的logs文件夹删除utils下的util.js文件.原创 2021-03-03 17:44:10 · 455 阅读 · 1 评论 -
安装记录
纯小程序项目的记录原创 2021-03-03 16:59:03 · 125 阅读 · 1 评论