npm install y-circle-menu
<template>
<yCircleMenu
:columns='columns'
:circleOr='circleOr'
:direc='direc'
:itemO='itemO'
:completeCircle='completeCircle'
:duration='duration'
:delay='delay'
:isClose='isClose==0?false:true'
:offset=offset
>
<Button type="warning" slot="button" >开关</Button>
</yCircleMenu>
</template>
<script>
import yCircleMenu from 'y-circle-menu'
import 'y-circle-menu/dist/yCircleMenu.min.css'
...
</script>
配置项 | 描述 | 参数 | 默认 | 类型 |
---|---|---|---|---|
circleOr | 生成圆半径附加值,放大缩小圆可用 | 任意数值 | 0 | Number |
direc | 所有item排布的区域 | top/right/bottom/left | top | String |
itemO | item原点位置 | o/top/right/bottom/left | o(中心) | String |
itemO | item原点位置 | o/top/right/bottom/left | o | String |
completeCircle | 是否为整圆,比较自由,1表示整圆 | 1/0.5/0.25.... | 0.5(半圆) | Number/String |
duration | item执行时间单位秒 | 任意大于0的数字 | 0.5 | Number/String |
delay | 每个item之间的延迟时间,每个item依次累加 单位秒 | 任意大于0的数字 | 0.01 | Number |
isClose | 自动收起 | ture/false | false | Boolean |
offset | 生成圆整体的偏移量(px) | 格式{x:0,y:0} | {x:0,y:0} | Object |