@mcui/tags

MCUI 选项卡组件。本组件依赖框架核心 @mcui/core 。更多详情请访问官网 https://mcui.fekit.cn/

安装

安装核心

npm i @mcui/core

安装组件

npm i @mcui/tags

引用

scss

$theme: (
  light: (
    main: #d52932,
    vice: #67337d,
    text: #000000,
    back: #ffffff,
    link: #0d66d0,
    code: #e23861,
    well: #4bbc73,
    warn: #fb9a2a,
    risk: #f95850,
    info: #0889e4
  )
  // 添加更多主题...
);

// 引用框架核心
@import '~@mcui/core';

// 引用业务组件
@import '~@mcui/tags/tags@a';
// 引用更多组件...

html

<!-- 群组 -->
<div mcui-tags="@a main">
  <div class="active">标签1</div>
  <div>标签1</div>
  <div>标签1</div>
</div>

<!-- 单个 -->
<ul>
  <li mcui-tag="@a info">信息</li>
  <li mcui-tag="@a well">提倡</li>
  <li mcui-tag="@a warn">警告</li>
  <li mcui-tag="@a risk">风险</li>
</ul>

使用

更多

详细文档请到 MCUI 官网 https://mcui.fekit.cn