@tiki.vn/tini-mini-flip-draw

Tini Mini Flip Draw

Tini Mini Flip Draw giúp bạn làm các game lật hình

Install

yarn add @tiki.vn/tini-mini-flip-draw

Usage

json

{
  "usingComponents": {
    "flipdraw": "@tiki.vn/tini-mini-flip-draw/es/component/index"
  }
}

js

Page({
  data: {
    prizeList: [{
      'name': 'Cảm ơn bạn đã tham gia',
      'icon': 'https://salt.tikicdn.com/ts/miniapp/f6/18/4e/5301f6d9d85fe91ee3aec42ccfdb5337.jpeg'
    }, ... ],
    prizeName: '',
    flipAllCards: false,
    isDrawing: false,
  },
  onFlipStart() {
    this.setData({
      isDrawing: true,
    });
    drawRequest().then(res => {
      if (res.success) {
        this.setData({
          prizeName: 'Trúng rồi',
          isDrawing: false,
        });
      } else {
        this.setData({
          isDrawing: false,
        });
      }
      this.showResultDialog()
    });
  }
});

txml

<view>
  <flipdraw
    prizeList="{{prizeList}}"
    prizeName="{{prizeName}}"
    isDrawing="{{isDrawing}}"
    flipAllCards="{{flipAllCards}}"
    onFlipStart="onFlipStart"
  />
</view>

API

Tên thuộc tính	Kiểu dữ liệu	Giá trị mặc định	Mô tả
prizeList	Array	[]
prizeName	String	''	Danh sách các giải thưởng, là một mảng object có name và icon
cardNum	Number	9	Số lượng thẻ hiển thị, nên nằm trong các giá trị 3/6/9
cardHeight	Number	80	Chiều cao của hình, đơn vị là px
cardBgImg	String	-	Hình thẻ khi lật
unawardImg	String	-	Hình thẻ khi không chiến thắng
isDrawing	Boolean	-	Có đang lật hay không
flipAllCards	Boolean	-	Có cho phép lật hết các thẻ hay không
onFlipStart	Function	() => {}	Sự kiệnn được gọi khi bắt đầu lật thẻ