Round

Introduce

圆形组件用于绘制页面中的圆形，支持激活状态，通过设置背景色为transparent可以变为圆环。

Usage

<template>
  <div>
    <round @click.native="active = !active" 
	  :active="active"
	  :bgColor="'#2a8ee3@#2F5'">
	</round>
  </div>
</template>
<script>
import { Round } from 'lvshou-vcomponents';
export default {
  ...
  components: {
    Round
  },
  ...
};
</script>

具体使用可参考该文件。

Options

配置项	值类型	描述
size	Number	规定圆形大小，默认20px
bdSize	String	规定圆形边框粗细，默认1px
bgColor	String	规定圆形背景颜色，默认#2a8ee3
bdColor	String	规定圆形边框颜色，默认#2a8ee3
active	Boolean	规定圆形组件是否处于激活状态，若处于激活状态，会渲染@后的样式（若@后没有内容，则不改变样式），默认false