1.1.17 • Published 1 year ago
@yhjmcui/imgs v1.1.17
@mcui/imgs
MCUI图片组件，依赖@mcui/core核心，文档详见官网 https://mcui.fekit.cn/
安装组件
npm i @mcui/imgs或
yarn add @mcui/imgs可选主题
- imgs@a.scss
- imgs@b.scss 使用示例：
<button mcui-btn="@a">按钮</button>指定语义
| 语议 | 属性 | 备注 |
|---|---|---|
| 主体 | main | 跟随主题风格主体色 |
| 主体 | vice | 跟随主题风格辅助色 |
| 提倡 | well | 代表提倡的，安全的，推荐的，成功的，建议用户点击的 |
| 警告 | warn | 代表警告的，需再次确认的，并非绝对安全的，需要用户慎重的 |
| 风险 | risk | 代表失败的，危险的，错误的，有风险的，不建议用户操作的 |
| 信息 | info | 代表只读的，上面三个状态之外使用 |
使用示例：
<button mcui-btn="@a well"></button>指定大小
| 大小 | 属性 |
|---|---|
| 小 | ss |
| 中 | sm |
| 大 | sl |
使用示例：
<button mcui-btn="@a s"></button>线形按钮
<button mcui-btn="@a :line"></button>圆角按钮
<button mcui-btn="@a round"></button>按钮群组
<div mcui-imgs="@a line :border">
<button>Button1</button>
<button>Button2</button>
<button>Button3</button>
</div>1.1.17
1 year ago