收藏
评论

花半天时间写了个估计不会有人用的小程序,竟然还审核通过了

这个想法来自看直播时看主播斗地主时经常由于没有记牌器,判断失误导致输豆,所以做了这个记牌器。估计不会有人用 😆,就当作练手,熟悉小程序的整个开发流程哈哈。 没想到提交第二天就审核通过了

#### 截图

![](https://user-gold-cdn.xitu.io/2018/9/6/165acd64cee0b697?w=233&h=416&f=png&s=119713)

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

1.可选一副牌或两副牌

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

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

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

#### 开发上选择的是 mpvue <http://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>

```

#### 操作方法

```

// 点击操作

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地址

<https://github.com/jinggoing/mp-jipaiqi>

#### 小程序码

![](https://user-gold-cdn.xitu.io/2018/9/6/165accff99aa4a94?w=179&h=179&f=jpeg)


最后一次编辑于  2018-09-07  (未经腾讯允许,不得转载)
复制链接收藏赞 0

1 个评论

  • 卢霄霄
    卢霄霄
    2018-09-07

    主要是不能自动记。玩着有点累

    2018-09-07
    赞同
    回复