1.0.3 • Published 2 years ago

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

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

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ínhKiểu dữ liệuGiá trị mặc địnhMô tả
prizeListArray[]
prizeNameString''Danh sách các giải thưởng, là một mảng object có nameicon
cardNumNumber9Số lượng thẻ hiển thị, nên nằm trong các giá trị 3/6/9
cardHeightNumber80Chiều cao của hình, đơn vị là px
cardBgImgString-Hình thẻ khi lật
unawardImgString-Hình thẻ khi không chiến thắng
isDrawingBoolean-Có đang lật hay không
flipAllCardsBoolean-Có cho phép lật hết các thẻ hay không
onFlipStartFunction() => {}Sự kiệnn được gọi khi bắt đầu lật thẻ