button props

属性	描述	类型	默认值
title	按钮的内容	string	-
disabled	是否禁用按钮	boolean	false
stopPropagation	是否按钮点击事件的冒泡	boolean	false
inline	是否内联	boolean	false
plain	是否开启朴实类型的按钮	boolean	false
activedStatus	是否开启按钮点击后的active效果, disabled为true时，此值无效	boolean	true
backgroundColor	按钮的背景颜色（当disabled为true和plain为true时此值无效，将会使用默认的背景色）	string	-
color	按钮文案的颜色（当disabled为true时，此值无效，将会使用默认的文案颜色）	string	-
fontSize	按钮的字体大小	number	14
roundRadius	按钮的圆角值	string	4px
fillPadding	按钮的填充值	string	当inline为true时，它的默认值为 '9px 10px'，否则默认值为 '15px 16px'
loading	按钮的loading状态，使用时可以配合v-model，实现状态的动态绑定	boolean	false
loadingSize	按钮的loading的大小	number	14
loadingColor	按钮的loading的颜色	string	#ffffff
border	是否展示border	true	true

button slot

属性	描述	默认值
default	按钮的内容	-

button events

事件	说明	回调参数
click	按钮点击事件	event
toggle	按钮loading状态的回调事件，如果使用v-model则无需监听，如果使用v-bind:loading, 则要监听该事件，更改loading的状态	data（loading新的状态）

例子代码

基础按钮

<vill-button title="基础按钮"></vill-button>

设置圆角，关闭activedStatu

<vill-button :activedStatus="false" roundRadius="22px">设置圆角，关闭activedStatus</vill-button>

自定义按钮

<vill-button :fontSize="22" backgroundColor="red" color="#ffffff" roundRadius="8px" fillPadding="25px">自定义按钮</vill-button>

禁用按钮

<!-- backgroundColor, color设置的值无效  -->
<vill-button :disabled="true" backgroundColor="red" color="#000000">禁用按钮</vill-button>

朴素按钮

<!-- backgroundColor设置的值无效  -->
<vill-button :plain="true" backgroundColor="red">朴素按钮</vill-button>

内联按钮

<vill-button :inline="true" title="内联按钮2"></vill-button>
<vill-button :inline="true" fillPadding="15px" backgroundColor="orange" :fontSize="18" roundRadius="8px">内联按钮1</vill-button>

loading

<vill-button v-model="loading" title="loading"></vill-button>