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

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

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

截图：

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

1.可选一副牌或两副牌

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

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

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

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

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

<div class="gird-container"> <div class="gird-item" v-for="(poker, index) in pokers" :key="index"> <card :poker="poker" :index="index" @handleHuase="handleHuase" @handleWang="handleWang"> </card> </div></div>