偶然一次在看斗地主直播时，发现主播由于没有记牌器导致判断失误，因此产生了做记牌器的想法，也是为了练练手，熟悉下小程序的开发流程。
截图：
思路比较简单只有一个页面
1.可选一副牌或两副牌
2.点击相应牌减少对应牌的数量, 数量为0时该图标变灰
3.可撤销，撤销操作仅保留最近100个点击操作
4.重置操作会清空所有操作记录
BEESSHOW展示小程序1.3
下载
BEESSHOW小程序商品展示预约，PHP+MYSQL，Yii2框架。原生微信小程序，电脑端，手机端，管理后台使用VUE element-ui。 一键引导安装，支持虚拟主机、服务器、本地测试。内置演示数据。 主要功能： 商品或服务功能 会员功能 预约订单功能 可以自定义小程序模板，自定义不同的模板页面 适合个人、商家、企业，提供商品展示和服务类微信
开发上选择的是 mpvue mpvue.com/
然后直接使用grid布局对卡牌进行排列
操作方法：
// 点击操作
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
}
}// 撤销操作
rollback () {
let pokers = this.updateHistory[this.updateHistory.length - 1]
this.pokers = pokers
this.updateHistory.pop(this.updateHistory.length - 1)
}git地址
小程序码
相关推荐：小程序开发教程
