微信小程序动态显示项目倒计时效果

效果: wxml代码: <view class='spellNum'> <view> <text style='color: #fff;'>团长</text> <image src='{{shift}}'></image> </view> <image wx:for="{{head}}" src='{{item.buyer_avatar}}'></image> <view…

效果图 wxml <input class='input-pwd' placeholder="新密码" placeholder-style='color: #000' password focus bindconfirm='getPwd'/> <input class='input-tel' type='number' placeholder="手机号" placeholder-style='color: #000' maxlength='11 c…

微信小程序验证码获取倒计时

wxml <button disabled='{{disabled}}' bindtap="goGetCode">{{code}}</button> js data:{ disabled: false, code: '获取验证码', }, goGetCode:function(){ var that = this; var time = 60; that.setData({ code: '60秒后重发', disabled: true }) var Interv…

微信小程序-滚动消息通知效果

这次我主要想总结一下微信小程序实现上下滚动消息提醒,主要是利用swiper组件来实现,swiper组件在小程序中是滑块视图容器. 我们通过vertical属性(默认为false,实现默认左右滚动)设置为true来实现上下滚动. (需要注意的是:只要你的swiper存在vertical属性,无论你给值为true或者false或者不设参数值,都将实现上下滚动) 从深圳回来做了一个微信小程序的小项目,令人欣慰的一点事是,回来很快时间内把在深圳两天的房租给赚回来了,哈哈... 从深圳回来做了一个微信小…

微信小程序60秒倒计时

微信小程序发送短信验证码后60秒倒计时功能,效果图: 完整代码 index.wxml  <view class="container"> <view class="section"> <text>手机号码:</text> <input placeholder="请输入手机号码" type="number" maxlength=&…

微信小程序上手项目

小程序刚发布的时候何其风光,可能大家习惯性的对微信给予了过高的期待,加上一开始小程序的功能确实很孱弱,扫了很多人的兴. 经过最开始的热闹和喧嚣,如今微信小程序热度大减,但随着不断迭代,如今小程序的功能已经很完善了,可用性也高了很多,主要是经过一段时间的摸索,开发者已经能够冷静的看待小程序了,不适合的项目自动离场,适合的项目陆续进驻.小程序搜索功能开放后,越来越多的优秀小程序项目得到了曝光,近期微信也在运营上加大力度,针对各行各业做针对性的培训和宣讲,引导开发者找到小程序开发的正确姿势. 虽然小程…