微信小程序
收录了开发小程序时遇到的各种问题和小程序的解决方案,以及小程序demo
饼小将
想要很多,所以要努力。
展开
-
微信小程序——使用animate CSS动画库
animate CSS动画库稍作修改的话也是可以用在小程序上面的于是我对其稍做了一些调整以及删去了一些多余的代码节省了挺多空间并做了个小demo方便在小程序上测试效果。(下载地址在最后)展示:下载地址:github地址注:animate.wxss文件在utils文件夹下...原创 2020-03-16 15:17:29 · 2794 阅读 · 0 评论 -
微信小程序——如何一键换肤
小程序一键换肤不难,在这之前需要了解CSS的 var() 函数方法如下:先在page页面里创建一个包含所有元素的view标签,并为其配置style颜色的数据绑定:js如下:此后我们只需要通过this.setData({})的方法改变data里的color值就可以改变全局的配色了...原创 2020-03-16 13:02:09 · 1086 阅读 · 0 评论 -
微信小程序——修改Vant组件的样式
在项目开发中有时会遇到修改组件样式的问题,比如想颜色统一协调,字体突出等。虽然Vant在组件里面加入了不少外部样式类供用户修改样式,但还是满足不了需求,我就拿选择器Picker举例子:比如默认的Picker样式是这样的:我如果想修改顶部的文字栏的颜色为绿色并且加粗(取消、选择城市、确认)查看文档,找到了它的顶部样式类说明,给它加样式:结果呢?样式变成了这样:我们发现,组件样式并...原创 2020-03-16 01:15:53 · 19924 阅读 · 5 评论 -
微信小程序——唯美高颜值的四季动画demo
移植了一个四季动画到小程序上面,自己进行了部分结构优化和调整,同时还支持了主动点击切换的功能:春夏秋冬下载地址:我的github地址喜欢的朋友欢迎点个星星或者点个赞哦,是对我最大的支持...原创 2020-03-15 16:00:28 · 684 阅读 · 3 评论 -
微信小程序——API接口 Promise化
这里放上个人觉得最舒服的一种Promise化方式:在utils里面新建文件Promise.js//Promise.jsfunction wxPromise(functionName, params) { return new Promise(function(resolve, reject) { wx[functionName]({ ...p...原创 2020-02-23 00:35:16 · 3004 阅读 · 2 评论 -
微信小程序——px和rpx单位转换
小程序新加了rpx这个单位,它可以根据屏幕宽度进行自适应。但是某些组件属性或者api只接收px单位的数字。文档:所以,根据文档规则,我写了个转换函数: // rpx 转换为 px ,传参类型是数字(Number) rpxTorpx(rpx){ let deviceWidth = wx.getSystemInfoSync().windowWidth; //获取设备...原创 2020-02-23 16:49:11 · 1700 阅读 · 1 评论 -
微信小程序——页面间如何数据传递、传值
在小程序里面页面传值的方式有很多:用缓存存取、设置全局变量存取、页面带参传值等。这里写出一个我比较推荐的方法:页面带参传值,不仅可以传字符串,还可以传对象就拿wx.navigateTo这个Api举例子吧在a页面中://a页面toBpage(){ let user = 'YulRW'; let password = '123456' wx.n...原创 2020-02-26 01:03:35 · 2007 阅读 · 0 评论 -
微信小程序——使用阿里巴巴UI字体库
对于只有一个ui的当然可以直接从阿里巴巴ui库上把UI直接下载下来使用可是对于比较多的ui使用,我还是推荐用UI的字体引用来使用,这样方便灵活,可以更加便捷地修改icon的颜色和大小首先进入阿里巴巴ui库,找到想要的ui,加入购物车收集完自己想要的UI后点击右上角的购物车按钮弹出这个,然后可以新建一个项目名,把收集到的UI放入这个项目中然后跳转到了我的项目的网页,点击下载字体库到本...原创 2020-03-01 18:00:42 · 1202 阅读 · 0 评论