1.0.6 • Published 5 years ago

y-circle-menu v1.0.6

Weekly downloads
-
License
ISC
Repository
-
Last release
5 years ago

y-circle-menu

DEMO

Install

npm install y-circle-menu

Usage

<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>

configuration

在线配置

说明

配置项描述参数默认类型
circleOr生成圆半径附加值,放大缩小圆可用任意数值0Number
direc所有item排布的区域top/right/bottom/lefttopString
itemOitem原点位置o/top/right/bottom/lefto(中心)String
itemOitem原点位置o/top/right/bottom/leftoString
completeCircle是否为整圆,比较自由,1表示整圆1/0.5/0.25....0.5(半圆)Number/String
durationitem执行时间单位秒任意大于0的数字0.5Number/String
delay每个item之间的延迟时间,每个item依次累加 单位秒任意大于0的数字0.01Number
isClose自动收起ture/falsefalseBoolean
offset生成圆整体的偏移量(px)格式{x:0,y:0}{x:0,y:0}Object