大屏页面初始化

screen-vue/src/views/screen/index.vue

@@ -70,7 +70,7 @@ async function getList() {
 	allTabs.value = res || []
   } catch (error) {
     console.error(error)
-    vList.value = []
+    allTabs.value = []
   }
 }
 
@@ -297,17 +297,22 @@ onMounted(() => {
   z-index: 10;
   overflow: hidden;
   height: calc(100vh - 75px);
+  background-image: url('@/assets/images/bg.png');
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-color: transparent;
 }
 
 .screen-page {
   width: 100%;
   height: 100%;
   display: block;
-  background: rgba(15, 52, 96, 0.8);
-  border: 1px solid #1a508b;
+  background: transparent;
+  border: 1px solid rgba(26, 80, 139, 0.3);
   border-radius: 12px;
-  backdrop-filter: blur(8px);
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+  backdrop-filter: blur(2px);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
   overflow: hidden;
 }