#index.wxml
<view wx:for="{{list}}">
{{item.title}}
<van-count-down use-slot time="{{item.daojishi}}" bind:change="onChange" data-id="{{item.id}}">
<text class="item">{{ item.timeData.hours }}</text>
<text class="item">{{ item.timeData.minutes }}</text>
<text class="item">{{ item.timeData.seconds }}</text>
</van-count-down>
</view>
#index.js
Page({
/**
* ページの初期データ
*/
data: {
// time: * 1000,
// timeData: {},
list:[]
},
onChange(e) {
let {id} = $data(e) // e.currentTarget.dataset.id
let obj = this.data.list.find(r => r.id === id)
obj.timeData = e.detail
this.setData({
list:this.data.list
});
},
/**
* ライフサイクル関数--ページ読み込みをリッスンする
*/
onLoad: async function (options) {
let {list} = await $get('https://..////ng')
list.forEach((r,i) => {
r.daojishi = new Date(r.time) - new Date()
r.timeData = {}
})
this.setData({
list
})
},