blog

複数の抽選カウントダウン

##index.js...

May 16, 2020 · 1 min. read
シェア

#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
 })
 },
Read next

Spring IOC拡張を深く理解する(VIII)、環境変数のチェックサム

1、Spring IOC拡張機能の詳細な理解、カスタムxmlタグ\n2、Spring IOC拡張機能の深い理解、そして\n3、以下を深く理解していること

May 16, 2020 · 3 min read