0.0.11 • Published 3 years ago
ht-button v0.0.11
按钮组件
Installation
Npm安装
$ npm install ht-button
Yarn安装
$ yarn add ht-button
main.js
import htbutton from 'ht-button'
Vue.use(htbutton);
使用方法
按钮
<ht-button title="确定" type="success" size round></ht-button>
返回按钮
<ht-button-back type="success" small></ht-button-back>
编辑按钮
<ht-button-edit type="primary" small :id="111" path="redirect_route"></ht-button-edit>
删除按钮
<ht-button-del type="danger" small></ht-button-del>
Props
属性值 | 类型 | 默认值 | 备注 |
---|---|---|---|
title | String | 按钮标题 | |
type | String (primary,success,warning,info,danger,light,dark) | primary | 按钮样式 |
size | String (small,large,exsmall,extra-small) | 按钮大小 | |
shadow | Bollean Number | false | 按钮阴影 |
shadow | Bollean Number | false | 按钮阴影 |
icon | String | 按钮图标 | |
disabled | Bollean Number | false | 是否禁用按钮 |
fullwidth | Bollean Number | false | 是否自动伸展宽度 |
round | Bollean Number | false | 圆角处理 |
small | Bollean Number | false | 是否是小按钮 |
loading | Bollean Number | false | 是否显示loading图标 |
id | Number | 编辑按钮,要编辑的目标id | |
path | String | 编辑按钮,要跳转的编辑页面 |
Events
@ok
针对删除按钮,当点击确定删除后的