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

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

今天用小程序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"
}
}

效果如下所示

最后,最近不知道该写些什么了,大家若是有小程序相关问题不会可以在评论中留言,我来研究一下,对于不会的部分,写篇小教程解答。

相关文章
|
5月前
|
资源调度 小程序 前端开发
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
|
11月前
|
JSON 小程序 前端开发
小程序动端组件库Vant Weapp的使用
小程序动端组件库Vant Weapp的使用
81 0
|
11月前
|
小程序 JavaScript
小程序实现简单的倒计时秒杀效果
小程序实现简单的倒计时秒杀效果
103 0
|
1月前
|
小程序 前端开发
微信小程序中 vant weapp 使用外部的icon作为图标的步骤
本文介绍了在微信小程序中使用Vant Weapp组件库时,如何将外部的icon作为图标引入的步骤。包括在项目中创建静态资源文件夹、在iconfont官网添加图标并生成在线链接、下载iconfont代码并解压到小程序目录中、修改iconfont.wxss文件将本地链接替换为在线链接、在全局样式文件中引入iconfont.wxss样式,以及在页面中使用图标的方法。
微信小程序中 vant weapp 使用外部的icon作为图标的步骤
|
1月前
|
小程序 JavaScript 前端开发
微信小程序安装和使用 Vant Weapp 组件库
本文介绍了如何在微信小程序中安装和使用Vant Weapp组件库,包括通过npm安装、构建npm、修改配置文件以及在小程序中使用Vant Weapp提供的组件。
微信小程序安装和使用 Vant Weapp 组件库
|
4月前
|
小程序 开发者 Windows
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
轻量、可靠的小程序 UI 框架 -- Vant Weapp的安装和使用
118 1
|
3月前
|
JavaScript 小程序 前端开发
【微信小程序-原生开发】实用教程04-启动/欢迎/首屏广告页(含倒计时、添加文字、rpx、定义变量和函数、读取变量、修改变量、wx.reLaunch 页面跳转、生命周期 onReady等)
【微信小程序-原生开发】实用教程04-启动/欢迎/首屏广告页(含倒计时、添加文字、rpx、定义变量和函数、读取变量、修改变量、wx.reLaunch 页面跳转、生命周期 onReady等)
121 0
|
5月前
|
小程序
微信小程序启动报错 WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml
微信小程序启动报错 WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml
162 3
|
5月前
|
小程序 开发者 Windows
【微信小程序】微信开发者工具 内容错误 pages/cart/cart.json: [“usingComonent“][“van-card“]: “@vant/weapp/card/indx“ 未找到
【微信小程序】微信开发者工具 内容错误 pages/cart/cart.json: [“usingComonent“][“van-card“]: “@vant/weapp/card/indx“ 未找到
82 0
|
12月前
|
缓存 小程序 JavaScript
云开发小程序倒计时防刷新功能及签到功能
云开发小程序倒计时防刷新功能及签到功能
55 0