更新记录

1.0.0(2025-05-07)

调整为uni_modules目录规范


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序 鸿蒙元服务
× × × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
× × × × × × × ×

微信小程序开发者工具会错位,真机正常!!!

微信小程序开发者工具会错位,真机正常!!!

微信小程序开发者工具会错位,真机正常!!!

重要的事情说三遍

转盘APIs

属性 说明 类型 默认值/可选择
bgColors 背景颜色集合,按顺序设置背景颜色 Array\ 见下方bgColors
textStyle 文本样式,注意:在小程序端fontSize使用‘rpx’不生效 object: {color: string,fontSize: string} {color: '#fff',fontSize: '16px'}
options 转盘项,字段见下方options Array\<object> -
size 转盘直径大小 number | string 700rpx
duration 转盘旋转持续时长,单位秒(s) number 8
turns 转盘旋转圈数 number 20
resultIndex 自定义转盘结果,结果为options数组的下标index number -
pointerSize 自定义指针大小 number | string 90rpx

bgColors默认值

['#dd2c00', '#ff3d00', '#ff7043', '#ff6d00', '#ff9100', '#ffa726', '#ffab00', '#ffc400', '#ffca28', '#ffd600', '#ffea00', '#ffee58', '#aeea00', '#c6ff00', '#d4e157', '#64dd17', '#76ff03', '#9ccc65', '#00c853', '#00e676', '#66bb6a', '#00bfa5', '#1de9b6', '#26a69a', '#00b8d4', '#00e5ff', '#26c6da', '#0091ea', '#00b0ff', '#29b6f6', '#2962ff', '#2979ff', '#42a5f5', '#304ffe', '#3d5afe', '#5c6bc0', '#6200ea', '#651fff', '#7e57c2', '#aa00ff', '#d500f9', '#ab47bc', '#c51162', '#f50057', '#ec407a', '#d50000', '#ff1744', '#ef5350']

options字段

interface options {
  name: string;       // 每一项显示名称
  viewRatio?: number;  // 每一项显示占比,默认为1,1则表示占用1格,假设options有8项,1则表示该项显示1/8格
  ratio?: number;     // 选中占比,默认为viewRatio值,不设置,则与viewRatio一致,假设options有8项,1则表示该项被选中概率为1/8
  bgColor?: string;   // 背景颜色,默认值为bgColors[index],优先级高于API的bgColors,可单独设置转盘项的背景色
  textStyle?: object: {color: string,fontSize: string}; // 显示名称文本样式,默认值{ color: '#fff', fontSize: '16px' },优先级高于API的textStyle, 仅支持color和fontSize的设置。注意:在小程序端fontSize使用‘rpx’不生效
}

// 可添加需要的字段,回调事件会返回

事件

注意:转盘后开始无法自定义结果

事件名称 说明 回调参数
start 转盘开始时回调。注意:转盘后开始无法自定义结果 -
change 转盘变化时回调 option字段值
result 转盘结束后回调转盘结果 option字段值

Solt

名称 说明
pointer 指针插槽,可自定义指针

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问