feat: 样式修改

frontend/components.d.ts

@@ -81,6 +81,7 @@ declare module 'vue' {
     InfiniteScroll: typeof import('element-plus/es')['ElInfiniteScroll']
     Loading: typeof import('element-plus/es')['ElLoadingDirective']
     Logo: typeof import('./src/components/app-layout/menu/components/Logo.vue')['default']
+    LogoNew: typeof import('./src/components/app-layout/menu/components/logo-new.vue')['default']
     Menu: typeof import('./src/components/app-layout/menu/index.vue')['default']
     Popover: typeof import('element-plus/es')['ElPopoverDirective']
     RouterButton: typeof import('./src/components/router-button/index.vue')['default']

frontend/src/components/app-layout/index.vue

@@ -1,7 +1,7 @@
 <template>
     <Layout v-loading="loading" :element-loading-text="loadinText" fullscreen>
         <template #menu>
-            <Menu :panelName="themeConfig.panelName"></Menu>
+            <Menu></Menu>
         </template>
         <template #footer>
             <Footer></Footer>

frontend/src/components/app-layout/menu/components/Logo.vue

@@ -1,11 +1,12 @@
 <template>
     <div class="logo flx-center">
-        <span v-show="!isCollapse">{{ panelName }}</span>
+        <img v-show="!isCollapse" src="@/assets/images/1panel-menu.png" />
+        <img v-show="isCollapse" src="@/assets/images/1panel-small.png" />
     </div>
 </template>
 
 <script setup lang="ts">
-defineProps<{ isCollapse: boolean; panelName: string }>();
+defineProps<{ isCollapse: boolean }>();
 </script>
 
 <style scoped lang="scss">

frontend/src/components/app-layout/menu/index.scss

@@ -9,16 +9,17 @@
     .logo {
         box-sizing: border-box;
         height: 55px;
-        span {
-            font-size: 22px;
-            font-weight: bold;
-            color: $primary-color;
-            white-space: nowrap;
-        }
-        img {
-            width: 30px;
+        img:first-child {
+            width: 120px;
             object-fit: contain;
             margin-right: 8px;
+            margin-top: 10px;
+        }
+        img:nth-child(2) {
+            width: 50px;
+            object-fit: contain;
+            margin-top: 10px;
+            margin-left: 5px;
         }
     }
     .el-scrollbar {

frontend/src/components/app-layout/menu/index.vue

@@ -7,7 +7,7 @@
         element-loading-svg-view-box="-10, -10, 50, 50"
         element-loading-background="rgba(122, 122, 122, 0.01)"
     >
-        <Logo :panelName="panelName" :isCollapse="isCollapse"></Logo>
+        <Logo :isCollapse="isCollapse"></Logo>
         <el-scrollbar>
             <el-menu
                 :default-active="activeMenu"
@@ -39,7 +39,7 @@ import { ref, computed, onMounted } from 'vue';
 import { RouteRecordRaw, useRoute } from 'vue-router';
 import { MenuStore } from '@/store/modules/menu';
 import { loadingSvg } from '@/utils/svg';
-import Logo from './components/logo.vue';
+import Logo from './components/Logo.vue';
 import Collapse from './components/Collapse.vue';
 import SubItem from './components/sub-item.vue';
 import router, { menuList } from '@/routers/router';
@@ -58,9 +58,7 @@ const activeMenu = computed((): string => {
     return path;
 });
 const isCollapse = computed((): boolean => menuStore.isCollapse);
-const panelName = computed(() => {
-    return globalStore.themeConfig.panelName;
-});
+
 const routerMenus = computed((): RouteRecordRaw[] => menuStore.menuList);
 
 const screenWidth = ref<number>(0);

frontend/src/components/error-message/404.vue

@@ -6,7 +6,7 @@
             <h4>抱歉，您访问的页面不存在~🤷‍♂️🤷‍♀️</h4>
             <!-- <el-button type="primary" @click="tabStore.goHome()"
                 >返回首页</el-button -->
-            >
+            <!-- > -->
         </div>
     </div>
 </template>

frontend/src/views/app-store/apps/index.vue

@@ -3,7 +3,7 @@
         <template #toolbar>
             <el-row :gutter="5">
                 <el-col :span="20">
-                    <el-button @click="changeTag('all')" type="primary" :plain="activeTag !== 'all'">
+                    <el-button @click="changeTag('all')" type="primary" :link="activeTag !== 'all'">
                         {{ $t('app.all') }}
                     </el-button>
                     <div v-for="item in tags" :key="item.key" style="display: inline">
@@ -11,7 +11,7 @@
                             class="tag-button"
                             @click="changeTag(item.key)"
                             type="primary"
-                            :plain="activeTag !== item.key"
+                            :link="activeTag !== item.key"
                         >
                             {{ item.name }}
                         </el-button>
@@ -220,6 +220,6 @@ onMounted(() => {
 }
 
 .tag-button {
-    margin-left: 10px;
+    margin-left: 30px;
 }
 </style>