大转盘 <LuckyWheel />

属性

width: string | number 组件宽度 默认为: 300px

height: string | number 组件高度 默认为: 300px

背景 - blocks

blocks?: Array<object> 背景区域

padding?: string | number 内边距 默认为: 0

background?: string 背景颜色 默认为: 透明色

imgs?: Array<object> 背景图片

src: string 图片路径

top?: string | number 图片位置 默认为: 0px

width?: string | number 图片宽度 默认为: 0px

height?: string | number 图片高度 默认为: 0px

rotate?: boolean 背景图片是否跟随旋转 默认为: false

奖品 - prizes

prizes?: Array<object> 奖品列表

range?: number 中奖概率

background?: string 扇形背景颜色 默认为: 透明色

fonts?: Array<object> 奖品文字

text: string 文字内容

top?: string | number 文字位置 默认为: 0px

fontColor?: string 字体颜色 默认为: 黑色 #000

fontSize?: string | number 字体大小 默认为: 22px

fontStyle?: string 字体样式 默认为: sans-serif

fontWeight?: string | number 字体粗细 默认为: 400

lineHeight?: string | number 字体行高 默认为: 字体大小

wordWrap?: boolean 文字自动换行 默认为: true 开启

lengthLimit?: string | number 换行宽度范围 默认为: 90%

lineClamp?: number 文本溢出隐藏 默认为: Infinity

imgs?: Array<object> 奖品图片

src: string 图片路径

top?: string | number 图片位置 默认为: 0px

width?: string | number 图片宽度 默认为: 0px

height?: string | number 图片高度 默认为: 0px

抽奖按钮 - buttons

buttons?: Array<object> 抽奖按钮

radius: string | number 按钮半径 默认为: 0px

pointer?: boolean 是否显示指针 默认为: false

background?: string 按钮背景颜色 默认为: 黑色 #000

fonts?: Array<object> 奖品文字

text: string 文字内容

top?: string | number 文字位置 默认为: 0px

fontColor?: string 字体颜色 默认为: 黑色 #000

fontSize?: string | number 字体大小 默认为: 22px

fontStyle?: string 字体样式 默认为: sans-serif

fontWeight?: string | number 字体粗细 默认为: 400

lineHeight?: string | number 字体行高 默认为: 字体大小

imgs?: Array<object> 按钮图片

src: string 图片路径

top?: string | number 图片位置 默认为: 0px

width?: string | number 图片宽度 默认为: 0px

height?: string | number 图片高度 默认为: 0px

默认配置 - defaultConfig

default-config?: object 默认配置

gutter?: string | number 缝隙 默认为: 0px

stopRange?: number 指针在在扇形区域的停止范围 默认为: 0

offsetDegree?: number 转盘的偏移角度 默认为: 0 度

speed?: number 旋转速度峰值 默认为: 20

accelerationTime?: number 开始旋转时间 默认为: 2500 毫秒

decelerationTime?: number 缓慢停止时间 默认为: 2500 毫秒

默认样式 - defaultStyle

default-style?: object 默认样式

background?: string 奖品区域背景颜色 默认为: 透明色

fontColor?: string 字体颜色 默认为: 黑色 #000

fontSize?: string | number 字体大小 默认为: 22px

fontStyle?: string 字体样式 默认为: sans-serif

fontWeight?: string | number 字体粗细 默认为: 400

lineHeight?: string | number 字体行高 默认为: 字体大小

wordWrap?: boolean 文字自动换行 默认为: true 开启

lengthLimit?: string | number 换行宽度范围 默认为: 90%

lineClamp?: number 文本溢出隐藏 默认为: Infinity

回调函数 - callback

start?: (e) => void 开始抽奖前

end?: (prize) => void 结束抽奖后

方法 - methods

init() 初始化

play() 开始抽奖

stop(index: number) 缓慢停止