样式

src/out/config.js

@@ -1,5 +1,5 @@
 window.cusConfig = {
-  version: 'gaw',  // zwww-政务外网，gaw-公安网
+  version: 'zwww',  // zwww-政务外网，gaw-公安网
   zwww: {
     screenHref: [
       {

src/style/cus-element.scss

@@ -21,3 +21,30 @@
   text-overflow: ellipsis;
   word-break: break-all;
 }
+
+.more-menu-popover {
+  background: rgba(12, 49, 101, 1) !important;
+  border: none !important;
+  padding: 0;
+  width: auto !important;
+  min-width: 0;
+  .el-popper__arrow::before {
+    background: rgba(12, 49, 101, 1) !important;
+    border-color: rgba(12, 49, 101, 1) !important;
+  }
+  .more-menu-list {
+    width: 300px;
+    .more-menu-item {
+      padding: 0 20px;
+      height: 44px;
+      display: flex;
+      align-items: center;
+      line-height: 1.2;
+      user-select: none;
+      font-size: 14px;
+      font-family: Microsoft YaHei;
+      font-weight: 400;
+      color: #FFFFFF;
+    }
+  }
+}

src/views/screen/index.vue

@@ -56,7 +56,7 @@
           <div class="screen-href-block-head">
             <img src="../common/img/bottom-label.png"/>{{item.label}}
             <div class="more">
-              <el-popover v-if="item.children?.length > 6" placement="top" :teleported="false" popper-class="more-menu-popover">
+              <el-popover v-if="item.children?.length > 6" placement="top" :teleported="true" popper-class="more-menu-popover">
                 <template #reference>
                   <div class="__hover" >查看更多》</div>
                 </template>
@@ -780,32 +780,6 @@ export default defineComponent({
               right: 12px;
             }
           }
-          :deep(.more-menu-popover) {
-            background: rgba(12, 49, 101, 0.8);
-            border: none;
-            padding: 0;
-            width: auto !important;
-            min-width: 0;
-            .el-popper__arrow::before {
-              background: #0a369f;
-              border-color: #0a369f;
-            }
-            .more-menu-list {
-              width: 300px;
-              .more-menu-item {
-                padding: 0 20px;
-                height: 44px;
-                display: flex;
-                align-items: center;
-                line-height: 1.2;
-                user-select: none;
-                font-size: 14px;
-                font-family: Microsoft YaHei;
-                font-weight: 400;
-                color: #FFFFFF;
-              }
-            }
-          }
         }
         .screen-href-block-content {
           display: grid;
@@ -1331,4 +1305,5 @@ export default defineComponent({
       }
     }
   }
+
 </style>