更新记录

1.0.3（2025-10-29） 下载此版本

更新修复功能后的readme

1.0.1（2025-10-27） 下载此版本

返回值中新增此时轮盘的移动方向，不用在自己计算

1.0.0（2025-10-16） 下载此版本

1.支持自定义样式 2.支持缩放 3.支持返回角度，速度百分比

查看更多

平台兼容性

uni-app(4.76)

Vue2 Vue3 Chrome Safari app-vue app-nvue Android iOS 鸿蒙
- - - - √ √ - - -
微信小程序 支付宝小程序 抖音小程序 百度小程序 快手小程序 京东小程序 鸿蒙元服务 QQ小程序 飞书小程序 快应用-华为 快应用-联盟
- - - - - - - - - - -

uni-app x(4.76)

Chrome Safari Android iOS 鸿蒙 微信小程序
√ √ √ √ √ √

其他

多语言 暗黑模式 宽屏模式
× × √

插件介绍

在需要使用的界面直接使用即可，需要多个多次引入即可，方便快捷，支持自定义样式。

使用方法

1. 基本使用，使用 <ccm-lp></ccm-lp>
2. 自定义样式，使用 <ccm-lp :LpStyle='LpStyle'></ccm-lp>

自定义 LpStyle 参数

参数名称 默认值 描述
scale 1 轮盘缩放比例，设置后所有相关属性会根据缩放比例自动调整
bottom 50px、10vh 等 距离屏底部幕固定位置
left 50px、10vw 等 距离屏左侧幕固定位置
viewZindex 999 层级
viewBgColor rgba(0, 0, 0, 0.1) 轮盘背景色
viewBoxShadowColor rgba(0, 0, 0, 0.2) 轮盘边缘阴影色
btnBgColor rgba(0, 0, 0, 0.4) 中心点背景色
btnBoxShadowColor rgba(0, 0, 0, 0.4) 中心点边缘阴影色
3. 回调用法，使用 <ccm-lp @onchange="onchange"></ccm-lp>

返回参数

参数名称 返回值 描述
type touchStart`、`touchMove`、`touchEnd 分别对应：触控开始、触控中、触控结束
angle 0 - 360 角度 右：0/360、下：90、左：180、上：270，以此方向顺时针计算
percentage 0 - 100 中心按钮距轮盘边缘的百分比，可通过此参数实现对速度的控制
toDir Object 轮盘此时的方向：up\down\left\right 默认false,只有在轮盘触控时某些方向才会True

隐私、权限声明

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

无

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

无

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

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。