# TaskCountDown 任务倒计时
# 介绍
用于天天领现金做任务的倒计时功能。
# 使用指南
# 一般用法 自定义倒计时秒数,自定义回退路径
<view>
基础用法
<tms-task-countdown wx:if="{{countdownTask}}" countdownTaskObj="{{countdownTask}}" bind:countDownClose="onCountDownClose" />
</view>
Page({
data: {
countdownTask: null,
},
async onLoad(options) {
// 根据url参数判断要不要展示倒计时任务
if (options.countdownTask) {
this.setData({ countdownTask: JSON.parse(options.countdownTask) });
}
},
// 关闭倒计时组件
onCountDownClose() {
this.setData({ countdownTask: null });
},
});
# API
tabs props
| 属性 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| countdownTask | 自定义组件参数,页面参数来源天天领现金任务 | object | {} | |
| countdownTask.taskId | 天天领现金任务Id | object | {} | |
| countdownTask.actCode | 活动编号 | {} | ||
| countdownTask.countdown | 倒计时几秒 | object | {} | |
| countdownTask.redireUrl | 倒计时完成点击是否跳转其它页面 | object | {} | |
| countdownTask.countdownShow | 是否展示组件 | object | {} |
# EVENTS
| 属性 | 说明 | 类型 | | ---- | ---- | ---- || | bind:countDownClose | 隐藏组件,返回指定页面 | (event) => {} |
# CSS变量
# FAQ
请查看微信官方文档
