昨天把组件库 iView Weapp研究了一下,里面确实有很多不错的组件,对于组件的使用,也写了一下笔记:五分钟上手-微信小程序组件库 iView Weapp
https://www.jianshu.com/p/09b4515152ff
今天用小程序iView Weapp实现一个倒计时。具体可参考文档。
wxml
<view class="view-wrap">
<text class="type-title">倒计时:</text>
<i-count-down
target="{{targetTime}}"
clear-timer="{{clearTimer}}"
></i-count-down>
</view>
js
Page({
data: {
clearTimer: false
},
onLoad() {
this.setData({
targetTime: new Date().getTime() + 6430000,
});
},
onUnload() {
this.setData({
clearTimer: true
});
},
myLinsterner(e) {
this.setData({
});
}
});
json
{
"usingComponents": {
"i-count-down": "../../dist/count-down/index",
"i-card": "../../dist/card/index"
}
}
效果如下所示
最后,最近不知道该写些什么了,大家若是有小程序相关问题不会可以在评论中留言,我来研究一下,对于不会的部分,写篇小教程解答。
原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,前端资源下载群:440185135