插件名称 | m-button |
---|---|
发布时间 | 2020年8月14日 |
一个vue.js组件,可在应用程序上创建漂亮的可自定义按钮。
# NPM
$ npm install vue-m-button --save
npm install vue-m-button
import MButton from 'vue-m-button'
// for v1.0.0
// import 'vue-m-button/dist/css/default.css'
Vue.use(MButton)
会全局注册 m-button-group
,m-button
组件。
<m-button>默认</m-button>
按钮组:
<m-button-group>
<m-button type="info">首页</m-button>
<m-button type="info">热门</m-button>
<m-button type="info">专栏</m-button>
</m-button-group>
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
size | 尺寸 | string | max , large , 默认 , samll , mini | — |
type | 类型 | string | info ,primary ,warning ,danger ,success | — |
plain | 是否朴素按钮 | boolean | — | false |
round | 圆形按钮 | boolean | — | false |
disabled | 是否禁用状态 | boolean | — | false |
active | 焦点状态 | boolean | — | false |
effect | 焦点涟漪效果 | boolean | — | true |
router | vue-router 路由对象 | path | — |
官网:https://github.com/mengdu/m-button/blob/master/README-zh.md
GitHub下载:https://github.com/mengdu/m-button/archive/master.zip