@wallleap/any-ui

Any-UI -- A simple UI library based on Vue 3 and Vite 4

介绍

Any-UI 是一个基于 Vue 3 和 Vite 4 的简单 UI 库，目前包含 10+ 个组件，后续会持续更新。

安装

# npm
npm install @wallleap/any-ui
# pnpm
pnpm add @wallleap/any-ui

使用

全局注册

在 main.js 中写入以下内容：

import { createApp } from 'vue'
import App from './App.vue'
import AnyUI from '@wallleap/any-ui'
import '@wallleap/any-ui/lib/style.css'

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

其他页面中就可以直接使用组件了：

<any-button>按钮</any-button>

按需引入

main.js 中提前引入样式：

import '@wallleap/any-ui/lib/style.css'

其他页面中按需引入组件：

<script setup>
import { AnyButton } from '@wallleap/any-ui'
</script>

<template>
  <AnyButton>按钮</AnyButton> <!-- 或者 <any-button>按钮</any-button> -->
</template>

组件

组件文档

贡献

如果你在使用 Any-UI 时遇到问题，或者有好的建议，欢迎给我提 Issue

License

MIT