专栏首页编程微刊小程序iView Weapp实现一个倒计时

小程序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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 10个简单的技巧让你的 vue.js 代码更优雅

    作为深度代码洁癖,我们都希望能写出简单高效的代码,让我们的代码看起来更加优雅,让我们抛弃繁杂的代码,一起开启简单的旅程~~

    王小婷
  • 10个简单的技巧让你的 vue.js 代码更优雅

    作为深度代码洁癖,我们都希望能写出简单高效的代码,让我们的代码看起来更加优雅,让我们抛弃繁杂的代码,一起开启简单的旅程~~

    王小婷
  • 前端切图:自制简易音乐播放器

    王小婷
  • 闲话react路由守卫

    老外做生意的思路和中国人不太一样,中国人喜欢便宜货,比如说买相机,期望什么都给你配好,还附送一大堆东西。而老外发给你的货干干净净,所谓贵的要命名牌也只不过是廉价...

    一粒小麦
  • 小程序组件开发之时间轴组件及组件关系

    先简单介绍一下公司业务和前端项目情况吧。公司是做金融行业财富管理的业务,涉及主要是做基金、保险这一块。前端项目目前涉及B端后台管理系统、C端小程序、Node服务...

    Dunizb
  • wx小程序的自定义组件

    我的博客即将搬运同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invi...

    河湾欢儿
  • 如何搭建组件库(基础实战篇)

    让设计更高效、开发更迅速、产品体验更一致。很多大厂也做了自己的组件库,比如Ant Design,Element等,一个成熟的组件库确实让产品的体验更好,团队的效...

    用户6820127
  • React Native组件(二)View组件解析

    前言 了解了RN的组件的生命周期后,我们接着来学习RN的具体的组件。View组件是最基本的组件,也是首先要掌握的组件,这一篇我们来学习View组件。 1.概述...

    用户1269200
  • vue.js: 自定义事件之—— 子组件修改父组件的值

    这里,相对本案例,父组件定义为Second-module,对应的子组件是Three-module

    xing.org1^
  • Vue.js 教程:构建一个特斯拉汽车余电计算器

    这篇教程关注的是全新的汽车驾驶体验。电动汽车已经是公认的未来趋势。但很多人都关心的一个问题是,电车充满电后究竟可以跑多远?行驶速度、气温和轮毂尺寸会对续航里程有...

    深度学习与Python

扫码关注云+社区

领取腾讯云代金券