- 博客(9)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 微信小程序动画循环执行
微信小程序提供了动画API，但是属性有限，并没有css3中动画循环播放等属性。所以要在微信小程序里实现动画的循环执行，就需要借助定时器来完成。moreToDetailAnim(){ const animation = wx.createAnimation({ duration: 300, timingFunction: 'linear' ...
2018-09-26 15:47:55
3740
原创 微信小程序弹出层的实现（动画）
弹出层wxml页面结构 <view class='couponLayerBox' animation="{{animMaskData}}" style='height:{{LayerBoxHeight}};'></view> <view class='couponLayer' animation="{{animContentData}}"> ...
2018-09-20 19:30:02
4546
1
原创 微信小程序方法封装
在utils文件夹下新建一个文件，用来放所有的方法。（一般共用方法的封装都会放在utils文件夹下）在文件中通过 export default{} 将里边的数据和方法暴露出去。数据和方法的写法同微信小程序的js文件。哪个文件要调用这些方法，就在该文件中引入这个共用文件。...
2018-09-20 19:15:18
8131
原创 微信小程序模版的使用
微信小程序模版封装了一些共用的模块，减少了开发的代码量和时间成本。首先要在 asset文件夹下新建一个名为 template 的文件夹，建好后需要新建一个名为 template 的page。在template.wxml文件中封装模版。在这个template.wxml页面中可以封装多个模版，不同的模版用其name属性加以区分。模版样式写在template.wxss文件中即可，跟一般...
2018-09-20 14:41:29
296
原创 移动端输入密文密码功能的实现
看下效果：首先，密码只能是6位数字，所以不能用type=password的input框，type=password在移动端会调起输入字母的键盘。可以用type=tel或者type=number代替密码输入框，给input框设置“ -webkit-text-security:disc; text-security:disc;” 让输入框中的文字显示为圆点，但是设置了之后发现，在移动端六位密码都快...
2018-09-19 17:45:58
1544
原创 微信小程序实现星星评分效果
微信小程序实现星星评分效果思路很简单，小星星都是一张张独立的图片，点击的时候改变图片的路径就可以了。我是用背景图片做的，先给盒子设置背景图片为灰色的小星星，盒子是根据js文件中的stars数组循环出来的，根据flag的值确定是灰色的小星星还是黄色的小星星，点击的时候获取当下这个盒子的index值，然后去更改stars数组中索引值小于等于index的每一项的flag就可以了。当然，也可以用类名...
2018-09-18 14:01:25
10781
2
原创 点击按钮发送多次请求解决方案
前几天工作中遇到一个问题，在做使用余额支付的时候，点击立即购买按钮会出现一个弹层要求输入支付密码，输完之后点击确认发送请求。但是在测试的时候发现，在使用余额支付的时候，第几次购买就会发送几次请求，类似于事件叠加。一开始实现的思路大概就是，点击立即支付按钮判断支付方式是支付宝支付、微信支付还是余额支付，如果是余额支付，则弹出层显示，并输入密码，同时将密码存放在一个变量里，点击确认的时候发送请求。...
2018-09-14 12:40:16
6746
原创 微信小程序获取地理位置信息
微信小程序官方文档提供了 wx.getlocation 方法来获取用户的地理位置信息，但是这个方法只能获取到用户的经度和纬度，具体城市名称还需要结合第三方地图（如腾讯地图、百度地图、高德地图等）来获取。这里就先总结一下微信小程序wx.getlocaltion方法+腾旭地图接口来获取位置信息的方法。获取位置大概分以下几步： 1.使用小程序官方提供的 wx.getlocation 方法获取到...
2018-09-12 11:23:47
7443
3
原创 swiper无缝滚动轮播图下标索引值重复问题解决方案
在使用swiper插件写无缝滚动的轮播图的时候，如果需要获取轮播图的索引值，经常会遇到在循环播放的时候，第一个索引值会出现两次。代码如下：&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&am
2018-09-05 16:14:01
5331
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人