@itshixun/qst-compo-lib

QST前端通用组件库 文档

Getting Started

Install

npm install @itshixun/qst-compo-lib

Usage

1. 组件库依赖前端UI体系@itshixun/qst-ui-system和ElementPlus。在main.js|ts中，初始化前端UI体系，全局引入ElementPlus，并引入样式。

   import { createApp } from 'vue';
   import ElementPlus from 'element-plus';
   import zhCn from 'element-plus/es/locale/lang/zh-cn';
   import { initQstTheme } from '@itshixun/qst-ui-system';
   import App from '@/App.vue';
   import 'element-plus/dist/index.css';
   // 引入组件库样式
   import '@itshixun/qst-compo-lib/dist/index.css';
   // 初始化前对UI体系
   initQstTheme();
   
   const app = createApp(App);
   app.use(ElementPlus, { locale: zhCn });
   app.mount('#app');

2. 在项目中引入组件并使用

<template>
  <LayoutAdmin>
    <!-- your content -->
  </LayoutAdmin>
</template>

<script lang="ts" setup>
  import { LayoutAdmin } from '@itshixun/qst-compo-lib';
</script>