UI

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="overflow: hidden">
     <router-view/>
   </div>
 </template>

src/views/screen/index.vue

@@ -40,7 +40,7 @@
           </div>
           <div class="screen-href-block-content">
             <template v-for="(h, hI) in item.children">
-              <div class="shbc-item __hover">
+              <div class="shbc-item __hover" @click="toHref(h)">
                 <img src="./img/bottom-item-label.png"/>{{h.label}}
               </div>
             </template>
@@ -192,6 +192,9 @@ export default defineComponent({
         })
       })
     }
+    const toHref = (val) => {
+      window.open(val.href, '_blank')
+    }
     onMounted(() => {
       setInterval(() => {
         const len = BgImgMapper.length - 1
@@ -216,7 +219,8 @@ export default defineComponent({
       HrefMapper,
       switchInfo,
       ref_infoDialog,
-      ref_screenBg
+      ref_screenBg,
+      toHref
     }
   }
 })
@@ -290,7 +294,7 @@ export default defineComponent({
       color: #ffffff;
       background-image: url("./img/info-bg.png");
       height: 70px;
-      width: 1374px;
+      width: 1366px;
       display: flex;
       align-items: center;
       .screen-info-block {