微信小程序之斗地主记牌器

王林
Lepaskan: 2021-02-18 09:39:30
ke hadapan
22296 orang telah melayarinya

微信小程序之斗地主记牌器

偶然一次在看斗地主直播时,发现主播由于没有记牌器导致判断失误,因此产生了做记牌器的想法,也是为了练练手,熟悉下小程序的开发流程。

截图:

eac1f3a3f8329c7e9c12e3d920fed70.png

思路比较简单只有一个页面

1.可选一副牌或两副牌

2.点击相应牌减少对应牌的数量, 数量为0时该图标变灰

3.可撤销,撤销操作仅保留最近100个点击操作

4.重置操作会清空所有操作记录

开发上选择的是mpvue mpvue.com/

然后直接使用grid布局对卡牌进行排列

Salin selepas log masuk

操作方法:

// 点击操作 handleHuase (obj) { // 这里用来记录操作历史 this.updateHistory.push(JSON.parse(JSON.stringify(this.pokers))) if (this.pokers[obj.index][obj.huase] > 0) { this.pokers[obj.index][obj.huase] -= 1 this.pokers[obj.index].count -= 1 } else { this.pokers[obj.index][obj.huase] = this.defaultCount this.pokers[obj.index].count += 1 } }
Salin selepas log masuk
// 撤销操作 rollback () { let pokers = this.updateHistory[this.updateHistory.length - 1] this.pokers = pokers this.updateHistory.pop(this.updateHistory.length - 1) }
Salin selepas log masuk

git地址

github.com/jinggoing/m…

小程序码

6e1c9f0dad2e550c8e9a6f32be42505.png

相关推荐:小程序开发教程

Atas ialah kandungan terperinci 微信小程序之斗地主记牌器. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:juejin.im
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!