update：样式更新

src/components/app-quick-group/app-quick-group.scss

-.app-quick-group{
-    padding: 4px;
-    background-color: #F1F1F1;
-    .app-quick-item{
-        margin-right: 8px;
-        padding: 8px;
+.app-quick-group {
+    width: 100%;
+    padding: 0;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    background-color: transparent;
+    .app-quick-item {
+        width: 110px;
+        height: 34px;
+        padding: 0;
         cursor: pointer;
-        .app-quick-item-label{
-            margin-left:4px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 20px;
+        background: var(--app-color-white);
+        border: 1px solid #FFFFFF;
+        box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
+        &.is-active {
+            font-weight: bold;
+            border: 1px solid var(--app-color-black);
+            box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.16);
         }
-        .app-seleted-item{
-            display: inline-block;
-            font-weight: 700;
-            color: #0c64eb !important;
-            padding: 4px;
-            border-bottom: 2px solid;
-        }
-        .app-seleted-item:focus {
-            outline: none;
-        }
-        .app-quick-item-counter{
-            border-radius: 12px;
-            padding-left: 4px;
-            font-size: 12px;
-            font-weight: 400;
-            vertical-align: middle;
-            display: inline-block;
-            width: 18px;
-            height: 18px;
-            margin-left: 4px;
-            background-color: #ddd;
-        }
-    }
-    .app-quick-item :hover{
-        color: #0c64eb !important;
     }
 }
\ No newline at end of file

src/components/app-quick-group/app-quick-group.vue

 <template>
   <div class="app-quick-group">
-    <span class="app-quick-item" v-for="item in renderArray" :key="item.id" @click="handleClick(item)">
-      <span v-if="!item.children" :style="{color:item.color}" :class="{'app-seleted-item':isSelectedItem(item)}">
+    <div :class="{'app-quick-item': true, 'is-active': isSelectedItem(item)}" v-for="item in renderArray" :key="item.id" @click="handleClick(item)">
+      <span v-if="!item.children" :style="{color:item.color}">
         <i v-if=" item.iconcls && !Object.is(item.iconcls, '')" :class="item.iconcls"></i>
         <img v-else-if="item.icon && !Object.is(item.icon, '')" :src="item.icon" />
         <span class="app-quick-item-label">{{item.label}}</span>
@@ -24,7 +24,7 @@
           </el-dropdown-item>
         </el-dropdown-menu>
     </el-dropdown>
-    </span>
+    </div>
   </div>
 </template>
 

src/layout/grid-view-layout/grid-view-layout.scss

@@ -13,21 +13,19 @@
         background-color: transparent;
         font-size: 14px;
         line-height: 22px;
-        >.ivu-tooltip ,>.ivu-dropdown {
-            .ivu-btn {
-                width: 110px;
-                height: 34px;
-                display: flex;
-                flex-direction: row;
-                justify-content: center;
-                align-items: center;
-                padding: 10px 20px;
-                background: var(--app-color-white);
-                border: 1px solid var(--app-color-blue);
-                border-radius: 0;
-                margin-left: 10px;
-                z-index: 0;
-            }
+        gap: 10px;
+        .ivu-btn {
+            width: 110px;
+            height: 34px;
+            display: flex;
+            flex-direction: row;
+            justify-content: center;
+            align-items: center;
+            padding: 10px 20px;
+            background: var(--app-color-white);
+            border: 1px solid var(--app-color-blue);
+            border-radius: 0;
+            z-index: 0;
         }
         .seperator {
             display: none;
@@ -59,6 +57,26 @@
                 border-color: var(--app-color-gray-250);
             }
         }
+        .search-form-toggle {
+            width: 100%;
+            height: 26px;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            font-size: 12px;
+            padding-left: 20px;
+            cursor: pointer;
+            i {
+                font-weight: 900;
+                font-size: 14px;
+            }
+            &:hover {
+                color: var(--app-color-blue);
+            }
+        }
+        .app-search-form .search-button {
+            display: none;
+        }
     }
     .view-header__bottom {
         height: 74px;
@@ -66,8 +84,7 @@
         justify-content: flex-end;
         align-items: center;
         background-color: transparent;
-        font-size: 14px;
-        line-height: 22px;
+        gap: 10px;
         .ivu-btn {
             width: 110px;
             height: 34px;
@@ -79,7 +96,6 @@
             background: var(--app-color-white);
             border: 1px solid var(--app-color-blue);
             border-radius: 0;
-            margin-left: 10px;
         }
         .ivu-btn-primary {
             background: var(--app-color-blue);

src/layout/index-view-layout-left/index-view-layout-left.scss

 .index-view-layout--left {
     position: relative;
-
+    font-size: var(--app-font-size);
+    line-height: var(--app-line-height);
+    color: var(--app-color-black);
     .index-view-sider {
         flex: none !important;
         max-width: none !important;

src/layout/index-view-layout-top/index-view-layout-top.scss

 .index-view-layout--top {
+    font-size: var(--app-font-size);
+    line-height: var(--app-line-height);
+    color: var(--app-color-black);
     .index-view-header {
         height: 64px;
         display: flex;

src/styles/var.scss

@@ -86,4 +86,8 @@
     --app-color-green: #2DB757;
     // 安永蓝绿
     --app-color-blue-green: #27ACAA;
+    // 安永默认字体
+    --app-font-size: 14px;
+    // 安永默认行高
+    --app-line-height: 22px;
   }