午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

小程序-記牌器

發布時間:2018-09-08 09:41 所屬欄目:小程序開發教程

這個想法(fa)來自看直播時(shi)看主(zhu)播斗地主(zhu)時(shi)經常由于沒有記(ji)牌器(qi),判(pan)斷(duan)失誤導(dao)致輸豆,所以做了這個記(ji)牌器(qi)。估計不會有人用 :laughing:,就當作(zuo)練(lian)手,熟悉(xi)小程序的整個開發流程哈哈。 沒想到(dao)提交第二天就審核通過了

截圖

 

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

1.可選一副牌或(huo)兩副牌

2.點擊相應牌減少對應牌的數量, 數量為0時(shi)該(gai)圖標變灰

3.可撤銷,撤銷操作僅保留最近(jin)100個點(dian)擊操作

4.重置(zhi)操作(zuo)會清(qing)空所有操作(zuo)記(ji)錄

開發上選擇的是 mpvuempvue.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)
}
復制代碼


易(yi)優小(xiao)程序(xu)(企業版)+靈(ling)活api+前后代碼(ma)開源 碼云(yun)倉(cang)庫(ku):
本文地址://www.jinyoudianli.com/wxmini/doc/course/24788.html 復制鏈接 如需定制請聯系易優客服咨詢(xun):

工作日 8:30-12:00 14:30-18:00
周六(liu)及部分(fen)節假日提(ti)供值班服(fu)務(wu)

易小優(you)
轉人工 ×