说明

• 这是一个简单的UI组件库，它适用于vue3和vite
• 注意从 1.0.0 版本开始对组件进行了重构升级，解决了上代版本遗留的问题，对组件进行了拓展，支持主题功能。

文档

详细文档请点击此处打开文档 👉️：document

安装

npm i @d7ee/z-base-ui

开始使用

全局使用

// 引入所有组件
import ZBaseUi from '@d7ee/z-base-ui'
// 引入样式
import '@zbaseui/z-base-ui/dist/index.css'

import App from './App.vue'
// 全局使用
createApp(App).use(ZBaseUi).mount('#app')

<template>
  <z-button>我是按钮</z-button>
</template>

单个导入

ZBaseUI 提供了基于 ES Module 的开箱即用的 Tree Shaking 功能。

<template>
  <z-button>我是 ZButton</z-button>
</template>

<script>
  import { ZButton } from ' @d7ee/z-base-ui'
  export default {
    components: { ZButton },
  }
</script>