修改el-menu 文字大小

index.html

@@ -197,6 +197,14 @@
       color: #FFF;
       color: #FFF;
       opacity: 0.5;
       opacity: 0.5;
     }
     }
+
+    .el-menu--horizontal .el-menu .el-menu-item {
+        font-size: 16px !important;
+    }
+
+    .el-menu--horizontal .el-menu .el-sub-menu__title{
+        font-size: 16px !important;
+    }
   </style>
   </style>
 </head>
 </head>
 
 

src/layout/user-layout.vue

@@ -3,7 +3,7 @@
     <div class="nav-bar">
     <div class="nav-bar">
       <div class="nav-bar-content">
       <div class="nav-bar-content">
         <div class="logo flex-align-center" @click="$router.push('/index')">
         <div class="logo flex-align-center" @click="$router.push('/index')">
-<!--          <img class="nscc" src="@/assets/logo/nscc-logo.jpg" alt="">-->
+          <!--          <img class="nscc" src="@/assets/logo/nscc-logo.jpg" alt="">-->
           <img class="nscc" src="@/assets/logo/nscc-logo-copy.png" alt="">
           <img class="nscc" src="@/assets/logo/nscc-logo-copy.png" alt="">
           <img class="xjjt" src="@/assets/logo/xjjt-logo.png" alt="">
           <img class="xjjt" src="@/assets/logo/xjjt-logo.png" alt="">
           <span class="logo-text">先进计算公共服务平台</span>
           <span class="logo-text">先进计算公共服务平台</span>
@@ -45,7 +45,8 @@
         </div>
         </div>
 
 
         <div class="right-menu flex-align-center">
         <div class="right-menu flex-align-center">
-          <router-link v-if="userStore.id" to="/console/overview" class="console">控制台</router-link>
+          <router-link v-if="userStore.id" to="/console/overview" class="console" style="font-size: 18px;">控制台
+          </router-link>
 
 
           <el-dropdown v-if="userStore.id" @command="handleCommand" class="">
           <el-dropdown v-if="userStore.id" @command="handleCommand" class="">
             <div v-if="userStore.id" class="avatar-wrapper flex-align-center">
             <div v-if="userStore.id" class="avatar-wrapper flex-align-center">
@@ -70,13 +71,13 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { computed } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
+import {computed} from 'vue'
+import {useRoute, useRouter} from 'vue-router'
 import AppMain from '@/layout/components/AppMain.vue'
 import AppMain from '@/layout/components/AppMain.vue'
-import { computilityMenu } from '@/api/computingResource.js'
-import { industryMenu } from '@/api/industry.js'
+import {computilityMenu} from '@/api/computingResource.js'
+import {industryMenu} from '@/api/industry.js'
 import useUserStore from '@/store/modules/user.js'
 import useUserStore from '@/store/modules/user.js'
-import { ElMessageBox } from 'element-plus'
+import {ElMessageBox} from 'element-plus'
 
 
 const userStore = useUserStore()
 const userStore = useUserStore()
 const route = useRoute()
 const route = useRoute()
@@ -91,20 +92,20 @@ const activeMenu = computed(() => {
   return titleList.includes(meta.title) ? fullPath : path
   return titleList.includes(meta.title) ? fullPath : path
 })
 })
 
 
-function menuSelect (val, indexPath, item) {
+function menuSelect(val, indexPath, item) {
   router.push(val)
   router.push(val)
 }
 }
 
 
 const computilityMenuData = ref([])
 const computilityMenuData = ref([])
 const industryMenuData = ref([])
 const industryMenuData = ref([])
 
 
-function getComputilityMenu () {
+function getComputilityMenu() {
   computilityMenu().then(res => {
   computilityMenu().then(res => {
     computilityMenuData.value = res.data
     computilityMenuData.value = res.data
   })
   })
 }
 }
 
 
-function getIndustryMenu () {
+function getIndustryMenu() {
   industryMenu().then(res => {
   industryMenu().then(res => {
     industryMenuData.value = res.data
     industryMenuData.value = res.data
   })
   })
@@ -113,7 +114,7 @@ function getIndustryMenu () {
 getComputilityMenu()
 getComputilityMenu()
 getIndustryMenu()
 getIndustryMenu()
 
 
-function handleCommand (command) {
+function handleCommand(command) {
   switch (command) {
   switch (command) {
     case 'setLayout':
     case 'setLayout':
       // setLayout()
       // setLayout()
@@ -126,7 +127,7 @@ function handleCommand (command) {
   }
   }
 }
 }
 
 
-function logout () {
+function logout() {
   ElMessageBox.confirm('确定退出账号吗？', '提示', {
   ElMessageBox.confirm('确定退出账号吗？', '提示', {
     confirmButtonText: '确定',
     confirmButtonText: '确定',
     cancelButtonText: '取消',
     cancelButtonText: '取消',
@@ -202,12 +203,13 @@ function logout () {
     .el-sub-menu, .el-menu-item {
     .el-sub-menu, .el-menu-item {
       &.is-active {
       &.is-active {
         font-weight: bold;
         font-weight: bold;
+        font-size: 16px !important;
       }
       }
     }
     }
 
 
     .el-sub-menu__title, .el-menu-item {
     .el-sub-menu__title, .el-menu-item {
       font-weight: 500;
       font-weight: 500;
-      font-size: 16px;
+      font-size: 18px !important;
       color: #4e5051;
       color: #4e5051;
     }
     }
   }
   }
@@ -228,7 +230,7 @@ function logout () {
 
 
     .user-name, .console {
     .user-name, .console {
       font-weight: 400;
       font-weight: 400;
-      font-size: 16px;
+      font-size: 18px;
       color: #303233;
       color: #303233;
     }
     }
   }
   }