Эта идея исходит из того, что при просмотре прямого эфира я часто теряю бобы из-за отсутствия маркера для карт, поэтому я сделал этот маркер для карт. Предполагается, что никто не будет использовать 😆, просто используйте его в качестве практики и ознакомьтесь со всем процессом разработки апплета, ха-ха. Неожиданно он был одобрен на следующий день после подачи.
снимок экрана
Идея относительно проста, всего одна страница
1. Вы можете выбрать одну или две колоды
2. Нажмите на соответствующую карту, чтобы уменьшить номер соответствующей карты.Когда число равно 0, значок будет затенен
3. Можно отменить, только последние 100 кликов зарезервированы для операции отмены.
4. Операция сброса удалит все записи операций.
Выбор для разработки - mpvuempvue.com/
Затем напрямую используйте макет сетки, чтобы расположить карты
<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)
}