g-ui-plus v0.6.8

快速上手

g-ui-plus 基于vue3 + vite5 + typeScript5 + Element-plus + Echarts5 封装的标准UI组件。

安装

yarn add g-ui-plus -S
或者
npm install g-ui-plus -S

全局使用

前提条件：使用项目必须全局注册 Element-plus 组件库

// main.ts
import { createApp } from "vue"
import App from "./App.vue"
import ElementPlus from "element-plus"
import "element-plus/dist/index.css"
// element-plus图标
import * as ElementPlusIconsVue from "@element-plus/icons-vue"
import GuiPlus from "g-ui-plus"
import "g-ui-plus/lib/style.css"
const app = createApp(App)
// 注册所有图标
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}
// 注册ElementPlus
app.use(ElementPlus)
// 注册GuiPlus
app.use(GuiPlus)
app.mount("#app")

按需引入

// 在main.ts中按下引入
import 'g-ui-plus/lib/style.css'
// 单个.vue文件引入
<script setup lang="ts">
  import {GButton} from "g-ui-plus"
</script>

组件清单

图表类

baiduMap类

非标类

标准UI类（Element-plus）

函数清单