@mcui/imgs

MCUI图片组件，依赖@mcui/core核心，文档详见官网 https://mcui.fekit.cn/

安装组件

npm i @mcui/imgs

或

yarn add @mcui/imgs

可选主题

• [email protected]
• [email protected] 使用示例：

<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>