1.0.0 • Published 7 years ago

softcan-button v1.0.0

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

按钮 Button

按钮,根据尺寸和状态提供了几种基础样式。

使用场景

创建按钮。

引入

import Vue from 'vue'
import {Button} from 'yun-ui'
import 'yun-ui/dist/yun/Button/index.css'

Vue.component(Button.name, Button)

代码示例

默认按钮

 <y-button>normal</y-button>
 <y-button type="normal">normal</y-button>

线性按钮

<y-button type="linear">linear</y-button>

改变大小

<y-button size="large">large</y-button>
<y-button size="middle">middle</y-button>
<y-button size="small">small</y-button>

禁用按钮

<y-button disabled>disabled</y-button>

绑定事件

<y-button @click='handleClick'></y-button>

API

参数描述类型可选值默认值
type按钮形态Stringnormal,linearnormal
size尺寸Stringlarge,middle,smalllarge
disabled禁用状态Booleanfalse
1.0.0

7 years ago