Skip to content

UI 组件库平台多系统组件库管理平台

基于 Vue 3 + Ant Design Vue,支持多个独立组件库系统

组件库系统

🔵 简约蓝组件库

已发布

企业级 B 端数据仪表盘组件库

📦 73+ 组件📂 12 个分类
首页仪表盘数据查询报表表格设备卡片+8 更多

⚪ 系统 2

规划中

即将推出的新组件库系统

📦 待定📂 待定

敬请期待...

⚪ 系统 3

规划中

即将推出的新组件库系统

📦 待定📂 待定

敬请期待...

快速开始

安装

本仓库以文档站点 + 组件源码方式维护,推荐在本 monorepo 内引用源码,或安装已发布包:

bash
# 在 ui-library 目录
npm install
# 文档主题已通过 app.use(SimpleBlueUI) 注册组件
bash
npm install @simple-blue/components ant-design-vue
bash
npm install @ui-platform/simple-blue ant-design-vue

使用

vue
<template>
  <div>
    <!-- 全局注册后可直接使用;也可按需导入 -->
    <SbStatCard
      title="总销售额"
      :value="12345"
      trend="+12.5%"
      trend-type="up"
    />
  </div>
</template>

<script setup lang="ts">
import { StatCard as SbStatCard } from '@simple-blue/components';
// 或:import { StatCard as SbStatCard } from '@ui-platform/simple-blue'
</script>

仪表盘方案预览

静态方案页通过模块化脚本直接运行(Header / Sidebar / ECharts):

特性

多系统架构

平台支持多个独立的组件库系统,每个系统可以有:

  • 独立的设计风格和主题
  • 不同的组件分类和数量
  • 独立的文档和示例
  • 独立的版本管理

按需安装

用户可以只安装需要的组件库系统,减小项目体积。

独立开发

每个组件库系统可以独立开发、测试和发布,互不影响。

答谢

本项目免费开放学习与使用。若内容对你有帮助,可点击顶部导航 答谢 打开答谢弹窗(金额不限)。

开源协议

MIT License

Copyright © 2026 UI Platform

基于 Pixso + MCP + Cursor 自动生成