1.1.0 • Published 3 years ago
@mcui/load v1.1.0
@mcui/btns
安装组件
npm i @mcui/btns或
yarn add @mcui/btns可选主题
- btns@a.scss
- btns@b.scss 使用示例：
<button mcui-btn="@a">按钮</button>指定语义
| 语议 | 属性 | 备注 |
|---|---|---|
| 主体 | main | 跟随主题风格主体色 |
| 主体 | vice | 跟随主题风格辅助色 |
| 提倡 | well | 代表提倡的，安全的，推荐的，成功的，建议用户点击的 |
| 警告 | warn | 代表警告的，需再次确认的，并非绝对安全的，需要用户慎重的 |
| 风险 | risk | 代表失败的，危险的，错误的，有风险的，不建议用户操作的 |
| 信息 | info | 代表只读的，上面三个状态之外使用 |
使用示例：
<button mcui-btn="@a well"></button>指定大小
| 大小 | 属性 |
|---|---|
| 小 | s |
| 中 | m |
| 大 | l |
| 特大 | x |
使用示例：
<button mcui-btn="@a s"></button>线形按钮
<button mcui-btn="@a :line"></button>圆角按钮
<button mcui-btn="@a round"></button>