更新记录

1.0（2024-10-12） 下载此版本

初始化

平台兼容性

引入配置

// nvue
import rocker from '@/components/harin-supper-rocker-nvue/index.nvue';
//vue
import rocker from '@/components/harin-supper-rocker/index.vue';

const innerRadius = ref(115);
const outerRadius = ref(230);
const rockerRef = ref(null);

使用

<rocker ref="rockerRef" style="position: relative;" :innerRadius='innerRadius' :outerRadius="outerRadius"
                @moveRocker="moveRocker" @stopMoveRocker="stopMoveRocker">
</rocker>

参数说明

innerRadius内圈元大小
outerRadius外圈元大小
moveRocker(omega : number, speed : number) 移动中触发  返回角速度、线速度 
stopMoveRocker 停止移动事件