UG666

UG666 UI

UG666

React / Vue 组件库

安装一次,直接接入业务项目

UG666 UI

面向工具型后台与多产品线控制台的通用组件库。这里可以快速完成安装,查看 React / Vue 组件总览,并进入单组件文档复制示例代码。

安装

选择 React 或 Vue 包,并在应用入口引入一次样式文件。

React / Vue

React 项目

@ug666/ui-react

1. 安装包

bun add @ug666/ui-react

2. 引入样式

import '@ug666/ui-react/styles.css'

Vue 项目

@ug666/ui-vue

1. 安装包

bun add @ug666/ui-vue

2. 引入样式

import '@ug666/ui-vue/styles.css'
Vue 自动导入(可选)

使用 Vue 自动导入插件时,可在 Vite 配置中加入 resolver;不使用自动导入时,直接手动 import 即可。

import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import { UGUiVueResolver } from '@ug666/ui-vue/resolver'

export default defineConfig({
  plugins: [
    Components({
      resolvers: [UGUiVueResolver()],
    }),
  ],
})

开发规则包

下载后可放入项目文档或团队规范中,用来统一组件导入、Props 写法和示例风格。

React 开发规则包

2 个文件 · 7.6 KB

包含 @ug666/ui-react 的组件用法、导入方式和常用示例,便于团队保持一致写法。

下载规则包

Vue 开发规则包

2 个文件 · 7.8 KB

包含 @ug666/ui-vue 的组件用法、导入方式和常用示例,便于团队保持一致写法。

下载规则包