0.0.4 • Published 3 years ago
zioui v0.0.4
🌈 特性:
- 🔥 眼下最时髦的 Vue3.2
- ⚡ 高效、快速的 Vite
- 🔑 支持 TypeScript + TSC
- ✨ 支持按需引入
- 🎨 scss
🔧 如何使用
1. 安装
npm i zioui
2. 引入
在main.ts
文件中引入zioui
。
import { createApp } from 'vue'
import App from './App.vue'
// 引入 ZioUI 组件库及样式
import ZioUI from 'zioui'
import 'zioui/style.css'
createApp(App).use(ZioUI).mount('#app')
3. 使用
在App.vue
文件中使用 zio ui 组件。
<script setup lang="ts">
import { Button } from 'zioui';
</script>
<template>
<Button variant="solid">确定</Button>
</template>
打开浏览器访问:http://localhost:3000/