特性

Join Me

如果您对 Vue Amazing UI 感兴趣，欢迎加入我，一起开发、维护和迭代组件库。您的贡献将帮助组件库不断的更新与完善，共同打造更 amazing 的 UI 组件库！

简要介绍

• 组件库采用 Vue@3.5.13 + TypeScript@5.7.3 + Vite@6.1.1 + Less@4.2.2 实现！
• 目前共包含 65 个基础 UI 组件以及 16 个工具函数，并且持续探索更新中...
• 顺便一提，它们全都可以 treeshaking
• Vue Amazing UI 全量使用 TypeScript 编写，和你的 TypeScript 项目无缝衔接
• 全部组件均采用单文件组件 SFC 风格，可独立使用
• 部分组件样式尚未完美适配文档主题的 dark 暗黑模式，可切换 light 模式查看
• 开箱即用，不墨迹

使用方式

• 全局引入注册所有组件
• 全局引入注册部分组件
• 局部引入注册部分组件
• 无需任何安装引入，直接使用单文件组件 SFC

全局默认样式

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

// 组件库全局样式定义
*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  caret-color: transparent; // 消除 win 系统点击后出现插入光标闪烁的问题
}
body {
  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: #1677ff;
  text-decoration: none;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s ease;
  &:hover {
    color: #4096ff;
  }
}