uv-ui

一款基于 Vue 3 的轻量级移动端组件库。

📚 文档网站 | 🐛 提交 Issue

✨ 特性 (Features)

• 🚀 Vue 3: 基于 Vue 3 Setup 语法糖开发，紧跟最新技术栈。
• 📱 移动优先: 专为移动端 H5 页面设计，交互体验流畅。
• ⚡ 按需引入: 支持组件按需加载，减少打包体积。

📦 安装 (Install)

使用 npm 或 yarn 安装：

# npm
npm install uv-ui

# yarn
yarn add uv-ui

# pnpm
pnpm add uv-ui

🔨 快速上手 (Usage)

全量使用

在 main.ts 或 main.js 中引入并注册：

import { createApp } from 'vue'
import App from './App.vue'

// 引入 uv-ui
import uvUI from 'uv-ui'
import 'uv-ui/es/style.css'

const app = createApp(App)

app.use(uvUI)
app.mount('#app')

在页面中使用

<template>
  <uv-button type="primary">主要按钮</uv-button>
</template>

💡 更多组件用法请参考 在线文档。

按需引入

在 main.ts 或 main.js 中确保引入样式文件：

import { createApp } from 'vue'
import App from './App.vue'

import 'uv-ui/es/style.css'

app.mount('#app')

在页面中使用（用什么导入什么）

<template>
  <uv-button type="primary">主要按钮</uv-button>
</template>

<script setup>
import { uvButton } from 'uv-ui'
</script>

🔗 链接 (Links)

• 文档地址: https://monsterxwx.github.io/uv-ui/
• GitHub 仓库: https://github.com/monsterxwx/uv-ui
• 更新日志: CHANGELOG.md

🤝 贡献 (Contributing)

欢迎提交 Pull Request 或 Issue！

1. Fork 本仓库
2. 新建分支 Feat_xxx
3. 提交代码
4. 新建 Pull Request

📄 开源协议 (License)

本项目遵循 MIT License 协议。