(feat)修改前端文件目录和node 最小版本

Author: bypanghu

docs/env.md

@@ -26,7 +26,7 @@ title: 环境配置
 
 ## 使用说明
 
-- node版本 > v8.6.0
+- node版本 >= 12.2.0
 - golang版本 >= v1.14
 - IDE推荐：Goland
 - 各位在clone项目以后，最好前往七牛云申请自己的空间地址。

docs/web.md

@@ -3,28 +3,88 @@ id: web
 title: web项目
 ---
 
+
 ## web项目结构
 
 ```shell
-└─web            （前端文件）
-    ├─public        （发布模板）
-    └─src           （源码包）
-        ├─api       （向后台发送ajax的封装层）
-        ├─assets    （静态文件）
-        ├─components（组件）
-        ├─router    （前端路由）
-        ├─store     （vuex 状态管理仓）
-        ├─style     （通用样式文件）
-        ├─utils     （前端工具库）
-        └─view      （前端页面）
+web
+ ├── babel.config.js
+ ├── Dockerfile
+ ├── favicon.ico
+ ├── index.html                  -- 主页面
+ ├── limit.js                    -- 助手代码
+ ├── package.json                -- 包管理器代码
+ ├── src                         -- 源代码
+ │   ├── api                    -- api 组
+ │   ├── App.vue                -- 主页面
+ │   ├── assets                 -- 静态资源
+ │   ├── components             -- 全局组件
+ │   ├── core                   -- gva 组件包
+ │   │   ├── config.js         -- gva网站配置文件
+ │   │   ├── gin-vue-admin.js  -- 注册欢迎文件
+ │   │   └── global.js         -- 统一导入文件
+ │   ├── directive              -- v-auth 注册文件
+ │   ├── main.js                -- 主文件
+ │   ├── permission.js          -- 路由中间件
+ │   ├── pinia                  -- pinia 状态管理器，取代vuex
+ │   │   ├── index.js          -- 入口文件
+ │   │   └── modules           -- modules
+ │   │       ├── dictionary.js
+ │   │       ├── router.js
+ │   │       └── user.js
+ │   ├── router                 -- 路由声明文件
+ │   │   └── index.js
+ │   ├── style                  -- 全局样式
+ │   │   ├── base.scss
+ │   │   ├── basics.scss
+ │   │   ├── element_visiable.scss  -- 此处可以全局覆盖 element-plus 样式
+ │   │   ├── iconfont.css           -- 顶部几个icon的样式文件
+ │   │   ├── main.scss
+ │   │   ├── mobile.scss
+ │   │   └── newLogin.scss
+ │   ├── utils                  -- 方法包库
+ │   │   ├── asyncRouter.js    -- 动态路由相关
+ │   │   ├── btnAuth.js        -- 动态权限按钮相关
+ │   │   ├── bus.js            -- 全局mitt声明文件
+ │   │   ├── date.js           -- 日期相关
+ │   │   ├── dictionary.js     -- 获取字典方法 
+ │   │   ├── downloadImg.js    -- 下载图片方法
+ │   │   ├── format.js         -- 格式整理相关
+ │   │   ├── image.js          -- 图片相关方法
+ │   │   ├── page.js           -- 设置页面标题
+ │   │   ├── request.js        -- 统一请求文件
+ │   │   └── stringFun.js      -- 字符串文件
+ |   ├── view                   -- 主要view代码
+ |   |   ├── about              -- 关于我们
+ |   |   ├── dashboard          -- 面板
+ |   |   ├── error              -- 错误
+ |   |   ├── example            -- 上传案例
+ |   |   ├── iconList           -- icon列表
+ |   |   ├── init               -- 初始化数据  
+ |   |   ├── layout             -- layout约束页面 
+ |   |   |   ├── aside          -- 侧边栏
+ |   |   |   ├── bottomInfo     -- bottomInfo
+ |   |   |   ├── screenfull     -- 全屏设置
+ |   |   |   ├── setting        -- 系统设置
+ |   |   |   └── index.vue      -- base 约束
+ |   |   ├── login              --登录 
+ |   |   ├── person             --个人中心 
+ |   |   ├── superAdmin         -- 超级管理员操作
+ |   |   ├── system             -- 系统检测页面
+ |   |   ├── systemTools        -- 系统配置相关页面
+ |   |   └── routerHolder.vue   -- page 入口页面 
+ ├── vite.config.js             -- vite 配置文件
+ └── yarn.lock
 ```
 
 ## web项目安装环境
 
 - 以web为项目,用`VsCode`或者`WebStorm`打开
-- 打开工具的终端,输入`npm i` 或者 `cnpm i` 进行安装web项目的环境
-- 安装完成之后使用`npm run serve`或者`cnpm run serve`即可启动项目
+- 打开工具的终端,输入`npm i` 进行安装web项目的环境
+- 安装完成之后使用`npm run serve` 即可启动项目
 
 :::danger 您可能遇到的问题
-1. 前端 npm 下载失败，请安装cnpm 使用淘宝镜像下载 [cnpm安装方法](https://developer.aliyun.com/mirror/NPM?from=tnpm)
-:::
+
+1. 运行前端的时候，请先进入web目录下！！
+2. 前端 npm 下载失败，请换`yarn`使用，如果采用`cnpm`可能会出现各种版本问题（当然你可以试一下）
+:::

src/css/custom.css

@@ -44,4 +44,14 @@ blockquote{
   z-index: 9999;
   transform: scale(1.5);
   box-shadow: 3px 2px 7px 0 rgba(0 ,0 ,0 , 0.8);
+}
+.navbar__item span svg {
+  color: #999;
+  width: 10px;
+  top: -2px;
+}
+.navbar__link::after{
+  color: #999;
+  font-size: 12px;
+  /* top: -14px; */
 }