ucar-wheel

准备

• 确保全局环境下含有标准Promise的定义
• 确保全局环境下Object.assign函数的定义

使用

cdn

https://unpkg.com/ucar-wheel@0.0.2/dist/index.min.js

npm

npm install --save ucar-wheel

import UcarWheel from 'ucar-wheel'

API

构造函数

const stage = new UcarWheel(options)

stage.rotateStart

转盘开始旋转

stage.rotateEnd(id)

3s均匀减速至停止id为抽中项标识 返回一个Promise对象resolve奖品列表中的抽中项

options初始化参数属性

键名	类型	默认值	描述
el	DOMElement	document.body	转盘父元素
width	Number	600	转盘宽度
height	Number	600	转盘高度
radius	Number	300	转盘半径
key	String	id	奖品主键名
text	String	text	奖品名称
list	Array	[]	奖品列表
size	Number	40	奖品名称字体大小
lineColor	ColorValue	#000	奖品分隔线颜色
textColor	ColorValue	#000	奖品名称颜色

重要提示

本插件支持显示图片icon icon需在list中的元素内传入，如下所示 list 结构

list: [
  {
  icon: '{图片地址}'
  }
]