蓝鸽数字化资源库试题导入 ui 库

quesbank-plus

组件文档http://172.16.42.60:8889/

快速开始

下载组件

组件库的 audio 组件依赖于 element-plus,若要使用，请下载 element-plus

npm install quesbank-plus --registry=http://172.16.42.60:4873/

全局引入

在 main.js 中引入

import { createApp } from 'vue'
import App from './App.vue'
import quesbankPlus from "quesbank-plus";
import './assets/main.css'
import "quesbank-ui/es/src/style.css"
createApp(App).use(quesbankPlus).mount('#app')

按需引入

vite 自带 tree-shaking 功能

<script setup lang="ts">
    import { Qbutton } from "quesbank-plus"
</script>
<template>
    <q-button>这是按钮</q-button>
</template>

使用 ts，tsconfig.json 中引入组件声明

"compilerOptions":{
    "types":["quesbank-plus/quesbank-plus"]
}