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ẻ |