style(all): 新增 fontSize.sass 字体样式

src/assets/styles/element-ui.scss

@@ -100,3 +100,15 @@
   flex: 1;
 }
 
+/* 全局覆盖Element Plus加载遮罩的背景色 */
+.el-loading-mask {
+  z-index: 2 !important;
+  // background-color: red !important;
+}
+
+.el-pagination{
+  font-size: var(--xl-fontsize) !important;
+  .number{
+    font-size: var(--xl-fontsize) !important;
+  }
+}
\ No newline at end of file

src/assets/styles/fontSize.scss

+// 较大 16px, 默认 14px, 较小 12px
+html.large {
+  font-size: 16px !important;
+  --xl-fontsize: 16px;
+}
+
+html.default {
+  font-size: 14px !important;
+  --xl-fontsize: 14px;
+}
+
+html.small {
+  font-size: 12px !important;
+  --xl-fontsize: 12px;
+}
\ No newline at end of file

src/assets/styles/index.scss

@@ -5,6 +5,7 @@
 @import './sidebar.scss';
 @import './btn.scss';
 @import './ruoyi.scss';
+@import './fontSize.scss';
 
 body {
   height: 100%;

src/components/CategoryTree/index.vue

@@ -213,6 +213,10 @@ const getPageList = () => {
     }
   }
 
+  .el-tree{
+    font-size: var(--xl-fontsize);
+  }
+
 
   ::v-deep(.custom-tree-node) {
     width: 100%;

src/components/LevitatedSphere/index.vue

@@ -15,6 +15,7 @@
     <!-- 工具抽屉 -->
     <el-drawer title="工具箱"
       v-model="drawer"
+      append-to-body
       size="300px">
       <slot></slot>
     </el-drawer>
@@ -141,7 +142,7 @@ const handleClick = () => {
     .wrap {
       width: 30px;
       height: 30px;
-      font-size: 12px;
+      font-size: 16px;
     }
   }
 </style>

src/main.js

@@ -84,6 +84,8 @@ app.use(ElementPlus, {
   locale: locale,
   size: Cookies.get('size') || 'default'
 })
+// 给 html 设置类名，用于影响自己的字体样式
+document.documentElement.classList.add(Cookies.get('size') || 'default')
 
 // 全局指令
 directive(app)

src/views/bi/sale/index.vue

@@ -246,8 +246,7 @@
           </el-form>
         </div>
         <!-- 折线图（动态 class：默认上来加载时给一个比较大的高度 -->
-        <div v-loading="item.loading"
-          class="chat_wrap"
+        <div class="chat_wrap"
           :class="{ 'chat_height': item.loading }">
           <line-chart v-if="item.chartData?.saleCount.length"
             :chartData="item.chartData"
@@ -647,7 +646,7 @@ init()
     .more_excel_echarts {
       padding: 10px 15px;
       text-align: center;
-      font-size: 16px;
+      font-size: calc(var(--xl-fontsize));
       background-color: var(--el-gray-3);
       margin-top: 10px;
       cursor: context-menu;

src/views/dashboard/PanelGroup.vue

@@ -178,12 +178,12 @@ const handleSetLineChartData = (type) => {
           .card-panel-text {
             line-height: 18px;
             color: var(--el-gray-1);
-            font-size: 16px;
+            font-size: var(--xl-fontsize);
             margin-bottom: 12px;
           }
 
           .card-panel-num {
-            font-size: 20px;
+            font-size: calc(var(--xl-fontsize) + 6px);
           }
         }
       }