
微信小程序
赵思远kelsty
这个作者很懒,什么都没留下…
展开
-
微信小程序异步获取缓存的三种方式
微信小程序的本地缓存跟H5的localStorage非常类似,是前端的数据库,以下用三种异步函数来实现本地缓存值的获取。es5标准:通过回调函数获取//设置缓存值wx.setStorageSync('token', '123')//异步获取缓存const token= wx.getStorage({ key: 'token', success(data){ console.log(data) }})es6标准:通过promiss//设置缓存值wx.set原创 2021-09-22 11:22:19 · 2124 阅读 · 0 评论 -
微信小程序引入iconfont彩色图标
小程序引用iconfont前两种不支持彩色,必须使用symbol,使用方法如下:引用方法名 支持多色 兼容性 unicode × 好 font-class × 良好 symbol √ 差 1.小程序项目根目录输入命令:npm install mini-program-iconfont-cli --save-dev2.根目录生成iconfont.json文件:npx iconfont-init3.打开json文件...原创 2021-06-22 09:44:47 · 1146 阅读 · 1 评论 -
微信小程序UI组件库合集
UI组件库合集,大家有遇到好的组件库,欢迎留言评论然后加入到文档里。第一款:官方WeUI组件库,地址https://developers.weixin.qq.com/miniprogram/dev/extended/weui/预览码:第二款:ColorUI:地址https://github.com/weilanwl/ColorUI预览码:第三款:vantUI(又名:ZanUI):地址https://youzan.github.io/vant-we...原创 2021-06-10 09:49:59 · 463 阅读 · 0 评论 -
微信小程序读取变量调用同名函数
比如我配置的数据如下,bindFunc字段存的就是需要调用的函数 const cItem= { icon: 'icon-toubao', text: '在线投保', path: '/', color: '#FFB40C', fontSize: '19pt', bindFunc: 'showLoginTip' } cItem通过标签data-funname.原创 2021-03-17 10:50:36 · 653 阅读 · 0 评论 -
微信小程序自定义tabbar组件
由于项目需求,必须自己写组件:第一步,在App.json中配置tabBar,自定也组件也必须配置,"custom":true,list里配置所有的tabbar页面。 "tabBar": { "custom": true, "color": "red", "selectedColor": "#3b81d7", "backgroundColor": "#000000", "list": [{ "pagePath": "pages/Role/Ins.原创 2021-03-12 18:25:39 · 629 阅读 · 0 评论 -
微信小程序自定义单页面、全局导航栏
在 app.json window 增加"navigationStyle":"custom",顶部导航栏就会消失,只保留右上角胶囊状的按钮,如何修改胶囊的颜色呢;胶囊体目前只支持黑色和白色两种颜色 在 app.josn window 加上"navigationBarTextStyle":"white/black"。还要考虑加返回按钮和返回首页的按钮,适配不同的机型。先说下两种配置方法:1、全局配置navigationStyle 调试基础库>=1.9.0 微信客户端>..转载 2021-03-10 14:45:29 · 1415 阅读 · 0 评论 -
微信小程序component组件中回调函数的this指向
在组件component中调用接口,但是接口的this指向确undefined,解决方法如下:在组件中调用接口,有2种解决方法,一种是通过bind改变this指向,一种是通过箭头函数改变this指向;通过bind来改变this指向,bind返回的是一个函数,这个函数可以作为回调函数 call.request('assessResult/calculateScore', this.data.checkExpert, "POST", '', this.success_getScore.bind(t原创 2021-03-10 12:50:31 · 1237 阅读 · 0 评论 -
自定义小程序echart插件图表点击事件
由于微信小程序 canvas组件没有提供tap事件,所以导致echart的插件也无法相应tap事件,所以这里需要我们自定义tap事件打开插件目录下 ec-canvas.js (tap的原理就是,touchstart----untouchmove----->touchend)添加如下代码:data: { startPoint:false //添加事件标志位},...to...原创 2019-11-06 09:01:24 · 4552 阅读 · 2 评论 -
微信小程序使用汇总
1.微信小程序UI框架: 目前还没有找到很完美的UI框架,所以基本上还是采用自己手写,基础的布局可以借用weui;2.获取登录用户微信头像<open-data type="userAvatarUrl"></open-data>3.页面跳转(两种方式) 第一种:通过<navigator url="" open-type="navigate"...原创 2019-08-21 10:50:28 · 472 阅读 · 0 评论