特性

简要介绍

组件库采用 Vue@3.5.13 + TypeScript@5.6.3 + Vite@5.4.11 + Less@4.2.0 实现！
目前共包含 63 个基础 UI 组件以及 16 个工具函数，并且持续探索更新中...
每个组件都是单文件组件 SFC，单独使用，也没问题！
所有组件样式均使用 box-sizing: border-box; 模式！
部分组件样式尚未完美适配文档主题的 dark 暗黑模式，可切换 light 模式查看！
开箱即用，不墨迹！

使用方式

全局引入并注册所有组件
按需引入并注册部分组件

无需任何安装，直接使用单文件组件 SFC，亦可一步到位

使用单文件组件 SFC 时，请按需引入如下所示组件库默认全局样式：

Show Global Styles

less

// 组件库全局样式定义
@themeColor: #1677ff; // 全局主题色
@themeHoverColor: #4096ff; // 主题色悬浮态
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  caret-color: transparent; // 消除 win 系统点击后出现插入光标闪烁的问题
}
body {
  min-height: 100vh;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    'Segoe UI',
    Roboto,
    Oxygen,
    Ubuntu,
    Cantarell,
    'Fira Sans',
    'Droid Sans',
    'Helvetica Neue',
    sans-serif;
}
input,
textarea {
  caret-color: auto;
}
a {
  color: @themeColor;
  text-decoration: none;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  &:hover {
    color: #4096ff;
  }
}

特性 ​

简要介绍 ​

使用方式 ​

特性

简要介绍

使用方式