Компонент вращающегося диска для розыгрыша призов в小程序

Описание

Компонент вращающегося диска для розыгрыша призов в小程序

Примеры

Способ использования

Импорт компонента .json

{
  "usingComponents": {
    "turnplate-lottery": "/components/turnplate-lottery/index"
  }
}

Использование компонента .wxml

<turnplate-lottery id="turnplate" list="{{prizeList}}"></turnplate-lottery>
<button catchtap="onStartLottery">Начать розыгрыш</button>

Вызов метода розыгрыша .js

// Начать розыгрыш
onStartLottery(e) {
    const winIdx = 3; // Индекс выигрыша (возвращается из интерфейса), начинается с 0, это означает, что диск остановится на четвертом секторе
    this.selectComponent('#turnplate').start(winIdx, (res) => {
        console.log('Кallback после остановки диска')
    })
}

Метод сброса .js

// Угол диска сбрасывается до 0 градусов
this.selectComponent('#turnplate').reset();

Описание свойств| Свойство | Тип | Значение по умолчанию | Описание |

| --- | --- | --- | --- | | width | Number | 680 | Ширина диска (диаметр), единица измерения rpx | | list | Array | [] | Список данных о призах [{name: 'Название приза', desc: 'Описание приза', img: 'Изображение приза'}, ...] | | fanColors | Array | ['rgb(15, 95, 148)'] | Цвета секторов, будут использоваться циклически | | fanImage | String | Нет | Изображение сектора, если указано, то fanColors не используются | | turns | Number | 5 | Количество оборотов диска, должно быть больше 1 | | time | Number | 0 | Общее время вращения диска, единица измерения ms, по умолчанию рассчитывается на основе количества оборотов, должно быть больше 1000ms |### Методы