微信小程序
文章平均质量分 55
CrazBarry
这个作者很懒,什么都没留下…
展开
-
微信小程序初探总结
描述刚换了工作,之前的工作都是用vue,新公司现阶段用的小程序比较多, 之前就听说小程序的语法和VUE差不多,看了几天文档,实际操作了一下,记录一下vue和小程序的异同和坑。总结小程序的模块化做得还是不错的,自身已经封装了一套相对成熟的文件结构。以下就总结使用小程序遇到的问题:1.小程序开发工具报错,js第一行最好不要写注释,不让有可能报错,可能是开发工具的BUG2.点击事件传...原创 2019-04-17 18:38:48 · 235 阅读 · 0 评论 -
微信小程序select下拉组件封装
前言刚接触微信小程序,之前有使用vue的底子,今天就分享一个自己封装的下拉组件(参考别人的组件按自己需求修改的),个人是不是很喜欢造轮子,如果有现成的都喜欢复制粘贴改改哈哈,都是之前公司养的坏毛病。需求项目需要一个下拉框进行数据筛选,微信小程序有提供自己的一个picker,但是跟我们设计需求不一样,微信小程序好像不支持select标签,如果支持,样式也改不到理想状态,所以最终还是...原创 2019-04-19 11:09:34 · 2323 阅读 · 0 评论 -
微信小程序返回上一页带参数
//选择场次并返回 itemClick: function (e) { var name = e.currentTarget.dataset.name; var id = e.currentTarget.dataset.id; var pages = getCurrentPages(); var currPage = pages[pages.length - ...转载 2019-05-22 11:14:12 · 337 阅读 · 0 评论 -
小程序动态修改导航栏样式navigationBarBackgroundColor
官方文档https://developers.weixin.qq.com/miniprogram/dev/api/wx.setNavigationBarColor.htmlwx.setNavigationBarColor({frontColor: '#ffffff',backgroundColor: '#ff0000',})颜色一定要是16进制,不能使用rgb,rgba,...原创 2019-05-13 15:01:06 · 4883 阅读 · 0 评论 -
微信小程序按钮渐变色配合disable无效问题
按钮样式.btn-area button { background: linear-gradient(270deg, rgba(252, 16, 67, 1) 0%, rgba(237, 1, 123, 1) 100%); color: #fff; line-height: 84rpx; font-size: 32rpx;}按钮disable样式butto...原创 2019-05-23 09:43:02 · 1731 阅读 · 0 评论 -
微信小程序canvas.drawImage方法无法加载网络图片解决方法
项目需求对后台返回数据动态生成海报,可保存到手机相册。网上大多的方法都是调用getImageInfo方法转本地图片wx.getImageInfo({ src: 'http://www.域名.com/w.jpg', success: function (res) { context.drawImage(res.path...原创 2019-06-18 18:13:12 · 8277 阅读 · 0 评论 -
微信小程序利用canvas画出根据文字自适应的边框
1.需求生成海需要画出一个中空带边框的的tag,如下图。众所周知,微信小程序里的canvas画图都是需要自己一点点画出来,不想html有htmlToCanvas,直接写HTML就可以转成canvas.2.实现参考链接首先要实现圆角边框,再把字体填充进去,我在网上找到一个方法,直接拿过来改了一下,代码如下://画圆角边框 roundRect(ctx, x, y, w,...原创 2019-07-16 16:44:18 · 6090 阅读 · 0 评论 -
微信小程序点击item使之滚动到屏幕中间
1.需求想做类似猫眼电影选场次会自动滚动到屏幕中间的效果如图是最终效果2.分析实现这种效果的方法有三种:1.直接使用原生CSS+js;2.使用swiper,一屏显示多个item,点击item会自动滚动到中间3.使用微信的scroll-view配合JS实现权衡了一下最终选择了第三个方案,比较是微信自带的方法,使用起来会比较流畅,swiper的话会比较臃肿,原生的...原创 2019-07-26 12:25:40 · 3569 阅读 · 1 评论