花半天時間寫了個估計不會有人用的小程序，居然還審覈經過了

時間 2019-11-09

標籤半天時間寫了估計不會有用的程序居然審覈經過简体版

原文原文鏈接

這個想法來自看直播時看主播鬥地主時常常因爲沒有記牌器，判斷失誤致使輸豆，因此作了這個記牌器。估計不會有人用 😆，就看成練手，熟悉小程序的整個開發流程哈哈。沒想到提交次日就審覈經過了vue

截圖

思路比較簡單隻有一個頁面

1.可選一副牌或兩副牌git

2.點擊相應牌減小對應牌的數量, 數量爲0時該圖標變灰github

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)
}