小程序iView Weapp實現(xiàn)一個倒計時

昨天把組件庫 iView Weapp研究了一下,里面確實有很多不錯的組件,對于組件的使用,也寫了一下筆記:五分鐘上手-微信小程序組件庫 iView Weapp
http://www.itdecent.cn/p/09b4515152ff

今天用小程序iView Weapp實現(xiàn)一個倒計時。具體可參考文檔。
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"
}
}

效果如下所示

最后,最近不知道該寫些什么了,大家若是有小程序相關(guān)問題不會可以在評論中留言,我來研究一下,對于不會的部分,寫篇小教程解答。

原文作者:祈澈姑娘 技術(shù)博客:http://www.itdecent.cn/u/05f416aefbe1
90后前端妹子,愛編程,愛運營,文藝與代碼齊飛,魅力與智慧共存的程序媛一枚。
堅持總結(jié)工作中遇到的技術(shù)問題,堅持記錄工作中所所思所見,前端資源下載群:440185135

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容