小程序iView Weapp实现一个倒计时

昨天把组件库 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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容