随笔分类 -  小程序

撸一个拆红包动画
摘要：效果图 代码片段 https://developers.weixin.qq.com/s/2e8akymk7Hc7 阅读全文
posted @ 2019-11-01 11:47 leeseett 阅读(708) 评论(2) 推荐(0)
撸一个css定位动画
摘要：先上效果图 布局解析： 背景和文字就没啥好说的了，直接说关键部分 1.图标绘制 class 命名为 icon_local 看起来很复杂其实很简单 首先咱们画个正方形然后旋转45度 接下来让它变成小气球的样子 只要设置border-radius即可 然后给它中心加个小圆圈 这里用css的伪元素 aft 阅读全文
posted @ 2019-10-28 17:29 leeseett 阅读(908) 评论(0) 推荐(0)
撸一个小程序多级选择器
摘要：上图上图： 在这写代码太费劲了，直接上代码片段 安装了微信开发者工具点击下边的链接 https://developers.weixin.qq.com/s/zVcGKEmL7zbD 阅读全文
posted @ 2019-09-25 17:02 leeseett 阅读(556) 评论(0) 推荐(0)
撸一个小程序九宫格抽奖
摘要：老规矩，先上图 json文件配置 wxml: wxss: js: 撸完收工 阅读全文
posted @ 2019-09-25 10:49 leeseett 阅读(1656) 评论(0) 推荐(2)
撸一个简单的小程序红包页面
摘要：先上图 json文件配置导航栏背景颜色和字体颜色 wxml： wxss: 阅读全文
posted @ 2019-09-25 10:32 leeseett 阅读(1248) 评论(0) 推荐(0)
小程序cover-view 注意项
摘要：1.cover-view 中不支持flex布局 文字全居中得使用原始方式 : text-align: center; line-height: 100rpx;2.不支持除了 cover-view cover-image 嵌套使用 3.style 色值得写全 如 background:#333 必须写 阅读全文
posted @ 2019-07-05 09:45 leeseett 阅读(2935) 评论(0) 推荐(0)
小程序滚动条 无法滚动BUG 解决方案
摘要：上图演示BUG： 拖不动！！！！你怎么回事？小老弟！！ 疯狂的Debug 最后找到了。原来是 参数没有传导致的 修改代码： 搞定了，就是这么坑 阅读全文
posted @ 2019-01-07 18:31 leeseett 阅读(2438) 评论(0) 推荐(0)
写一个小程序可移动导航组件
摘要：1.创建文件夹及文件 2.编写index.js 3.编写index.json 4.编写index.wxml 5.编写index.wxss （这儿引用了本地iconfont） 以上就完成了小程序组件的编写，需要注意的是 wxml代码中使用了 movable-view 标签 使用view标签会导致向下拖 阅读全文
posted @ 2018-09-26 14:58 leeseett 阅读(700) 评论(0) 推荐(0)
小程序IOS日期 Invalid Date 问题
摘要：小程序 new Date('2018-09-26') 得到的值为 NaN 或 报错Invalid Date 需要把 ‘-’ 替换成 '/' 才会得到正确的日期 或者让后端返回时间戳 把时间戳扔进去也行 不单单是小程序，微信公众号，safari 都是一样的 阅读全文
posted @ 2018-09-26 11:51 leeseett 阅读(1574) 评论(0) 推荐(0)
小程序加载数据后滚动条加载到底部
摘要：1.通过wx.createSelectorQuery创建一个 SelectorQuery 对象 2.select 类似 jq 的选择器 3.通过调用 boundingClientRect 返回对象 rect.bottom 得到节点的下边界坐标 4.通过 wx.pageScrollTo 设置 scro 阅读全文
posted @ 2018-09-21 21:18 leeseett 阅读(2237) 评论(0) 推荐(0)
小程序方法中的this无效问题
摘要：在编写小程序的时候经常会碰到 this.setData 往往报this没有setData 这个方法 随笔记录一下：1.检查是否使用了箭头函数 在es6中使用了=>声明方法 this指向的就是定义的对象 2.使用了微信的api（wx.xxx({this.setData})） 那么这个this指向的是微 阅读全文
posted @ 2018-09-14 15:40 leeseett 阅读(1431) 评论(0) 推荐(0)