修改框架字体配置，宽度高度配置

.env.development

@@ -11,8 +11,8 @@ VUE_APP_BASE_API = ''
 VUE_CLI_BABEL_TRANSPILE_MODULES = true
 
 # 代理地址 - 请求地址
-VUE_API_TARGET = "http://localhost:8080/"
+# VUE_API_TARGET = "http://localhost:8080/"
-# VUE_API_TARGET = "http://192.168.111.244:8080/"
+VUE_API_TARGET = "http://192.168.111.244:8080/"
 # VUE_API_TARGET = "http://112.112.149.149:8088/"
 
 

src/assets/styles/variables.scss

@@ -36,7 +36,7 @@ $base-sub-menu-background:#000c17;
 $base-sub-menu-hover:#001528;
 */
 
-$base-sidebar-width: 200px;
+$base-sidebar-width: 180px;
 
 // the :export directive is the magic sauce for webpack
 // https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass

src/layout/components/Sidebar/Logo.vue

@@ -31,6 +31,7 @@
         </h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+        <!-- 左侧标题图标 -->
         <img v-if="logo" :src="logo" class="sidebar-logo" />
         <h1
           class="sidebar-title"
@@ -101,8 +102,8 @@ export default {
     width: 100%;
 
     & .sidebar-logo {
-      width: 32px;
+      width: 24px;
-      height: 32px;
+      height: 24px;
       vertical-align: middle;
       margin-right: 12px;
     }
@@ -113,7 +114,7 @@ export default {
       color: #fff;
       font-weight: 600;
       line-height: 50px;
-      font-size: 14px;
+      font-size: 13px;
       font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
       vertical-align: middle;
     }

src/layout/components/Sidebar/index.vue

@@ -71,3 +71,13 @@ export default {
   },
 };
 </script>
+
+<style lang="scss" scoped>
+// el-menu
+::v-deep .el-submenu__title {
+  font-size: 11px;
+}
+::v-deep .el-menu-item {
+  font-size: 11px;
+}
+</style>

src/layout/components/TagsView/index.vue

@@ -280,13 +280,13 @@ export default {
       display: inline-block;
       position: relative;
       cursor: pointer;
-      height: 26px;
+      height: 21px;
-      line-height: 26px;
+      line-height: 21px;
       border: 1px solid #d8dce5;
       color: #495060;
       background: #fff;
       padding: 0 8px;
-      font-size: 12px;
+      font-size: 9px;
       margin-left: 5px;
       margin-top: 4px;
       &:first-of-type {