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

WebGLの探求

WebGLは、宣言的に描画するSVGや命令的に描画するCanvasとは異なり、GPUの並列処理を使って画像を描画します。この描画モードは基盤となるGPUやメモリなどに直接入り込むため、複雑ですが強力です。データ量が多く、視覚効果の要求が高いシーンの処理に適しています。 データはCPUによって、特定の構造を持つジオメトリ情報に処理されます。 この情報は...

May 14, 2020 · 3 min read