# gc-admin-vue3

**Repository Path**: qzcl/gc-admin-vue3

## Basic Information

- **Project Name**: gc-admin-vue3
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-02-25
- **Last Updated**: 2024-02-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 绿之选后台管理系统

## 技术栈
vue3 + vite + naiveUI + typescript

## naiveUI 文档
https://www.naiveui.com/zh-CN/os-theme?ref=madewithvuejs.com


## 挂载naive组件的方法至window, 以便在全局使用

window.$loadingBar = useLoadingBar()
window.$notification = useNotification()
window.$message = useMessage()
window.$dialog = useDialog()
window.$router = useRouter()
window.$route = useRoute()

## 按需引入多个地方都会使用到的 naiveUI组件
src/utils/naiveInstall

## 全局组件注册入口
src/utils/globalComponents.ts

## 公共type
src/types/xx.d.ts

## 关于全局方法和状态属性等 可以在 composition 文件夹定义
src/composition

## hooks库
vueUse，文档地址：https://www.vueusejs.com/

## ICON组件封装 使用xicons图标
全局组件 j-icon
使用方式： <span style="font-size:24px"> <j-icon name="iconname" /> </span>

icon地址：https://xicons.org/#/   antd选项

## 本地存储 vue-ls 
文档地址：https://github.com/RobinCK/vue-ls
使用示例： 
window.$ls.set(name, value, expire)
window.$ls.get(name, def)
window.$ls.remove(name)
window.$ls.clear()
window.$ls.on(name, callback)
window.$ls.off(name, callback)

## uuid
使用示例： window.$uuid()

## 导出文件
import {exportBlob} from '@/composition/utils';
exportBlob(res,fileName);

## 防抖与节流
组件使用 自定义指令 v-throttle
函数使用 lodash.throttle(fn,time)