Article archived at: https://www.yuque.com/u27599042/row3c6
Component library address
- npm:https://www.npmjs.com/package/xwb-ui?activeTab=readme
- Little Tail UI component library source code gitee: https://gitee.com/tongchaowei/xwb-ui
- Little Tail UI component library test code gitee: https://gitee.com/tongchaowei/xwb-ui-test
download
- npm
npm i xwb-ui
- pnpm
pnpm i xwb-ui
- yarn
yarn add xwb-ui
UI style configuration
- In the main.js / main.ts file, introduce the component library UI style
import 'xwb-ui/style.css' // 导入小尾巴 UI 样式
Import UI component library
import on demand
import {
// 组件名
} from 'xwb-ui'
full import
- Register all components in the component library as global components through the built-in plug-in XWB_UI in the UI component library.
import {
createApp} from 'vue'
import App from './App.vue'
import 'xwb-ui/style.css' // 导入小尾巴 UI 样式
import XWB_UI from 'xwb-ui' // 导入将组件库中所有组件注册为全局组件的插件
const app = createApp(App)
// 使用 XWB_UI 插件
app.use(XWB_UI)
app.mount('#app')
Description and use of each component
- For the description and use of each component, please refer to: [Build your own Vue component library] Little Tail UI component library