TouchVue UI 组件库

介绍

TouchVue UI 是一个基于 Vue 3 的组件库，提供了一系列高质量的组件，帮助开发者快速构建应用。

安装

npm install @touchvue/ui
# 或者
yarn add @touchvue/ui
# 或者
pnpm add @touchvue/ui

使用

完整引入

import { createApp } from 'vue';
import TouchVueUI from '@touchvue/ui';
import '@touchvue/ui/theme/index.css';
import App from './App.vue';

const app = createApp(App);
app.use(TouchVueUI);
app.mount('#app');

按需引入

手动引入

import { ToButton, ToIcon } from '@touchvue/ui';
import '@touchvue/ui/theme/button/index.css';
import '@touchvue/ui/theme/icon/index.css';

自动引入（推荐）

我们提供了与 unplugin-vue-components 和 unplugin-auto-import 的集成。

Vite 配置

// vite.config.js
import { defineConfig } from 'vite';
import vue from '@vitejs/plugin-vue';
import AutoImport from 'unplugin-auto-import/vite';
import Components from 'unplugin-vue-components/vite';
import { TouchVueResolver } from '@touchvue/ui';

export default defineConfig({
  plugins: [
    vue(),
    Components({
      resolvers: [TouchVueResolver()],
    }),
  ],
});

组件列表

• ToButton - 按钮组件
• ToIcon - 图标组件
• 更多组件正在开发中...