fix 1

src/components/Title1/index.vue

@@ -21,8 +21,8 @@
     position: relative;
     .title {
       margin: vh(20) auto;
-      width: vw(600);
-      height: vh(88);
+      width: vw(500);
+      height: vh(66);
       display: flex;
       align-items: center;
       justify-content: center;
@@ -30,7 +30,7 @@
       background-size: 100% 100%;
       & > span {
         font-weight: 800;
-        font-size: font-vw(22);
+        font-size: font-vw(20);
         background-image: linear-gradient(to bottom, #ffffff 0%, #75c1ff 100%);
         -webkit-background-clip: text;
         background-clip: text;

src/components/VideoDialog/index.vue

@@ -231,7 +231,7 @@ onMounted(()=>{
   text-align: center;
   // line-height: vh(24);
   font-weight: 400;
-  font-size: vw(16);
+  font-size:font-vw(16);
   color: #ffffff;
   // background-image: url('@/assets/images/unfollow.png');
   background-size: 100% 100%;
@@ -263,7 +263,7 @@ onMounted(()=>{
       > span {
         margin: 0 vw(16);
         font-weight: 400;
-        font-size: vw(16);
+        font-size:font-vw(16);
         color: #ffffff;
       }
       .pause {
@@ -279,7 +279,7 @@ onMounted(()=>{
     height: vw(980);
     color: #fff;
     font-weight: bold;
-    font-size: vw(30);
+    font-size:font-vw(30);
     transform: translate(-50%, -50%);
     z-index: 999;
   }

src/layout/components/CoreVideo/allList.vue

@@ -95,8 +95,9 @@
     pubSub.publish('videoCollect')
   }
   const handleClose = () => {
-    clearHlsRefs()
 	modelValue.value = false
+	clearHlsRefs()
+    
   }
   const clearHlsRefs = () => {
     if (hlsRefs.length > 0) {
@@ -196,8 +197,8 @@
 <style scoped lang="scss">
   .z-dialog {
     :deep(.el-dialog) {
-      width: vw(2100);
-      padding: vw(8);
+      width: vw(2500);
+      padding: vw(15);
       background-image: url('@/assets/images/dialog-bg.png') !important;
       background-size: 100% 100%;
     }
@@ -208,14 +209,14 @@
   .list {
     margin-top: vw(30);
     gap: vw(8);
-    height: vh(860);
+    height: vh(1200);
     display: flex;
     flex-wrap: wrap;
     align-content: flex-start;
     .item {
       position: relative;
-      width: vw(410);
-      height: vh(280);
+      width: vw(500);
+      height: vh(400);
       padding: vw(12);
       box-sizing: border-box;
       background-image: url('@/assets/images/item-primary.png');
@@ -234,8 +235,8 @@
         > span {
           padding-left: vw(10);
           font-weight: 400;
-          font-size: vw(14);
-          line-height: vw(14);
+          font-size: font-vw(18);
+          line-height: vw(18);
           color: #ffffff;
         }
       }
@@ -246,13 +247,15 @@
         right: vw(4);
         top: vw(4);
         z-index: 99;
-        width: vw(64);
-        height: vw(30);
+        min-width: vw(100);
+        height: vw(50);
         text-align: center;
-        line-height: vw(30);
+        // line-height: vw(50);
         font-weight: 400;
-        font-size: vw(12);
+        font-size: font-vw(18);
         color: #ffffff;
+		padding:vw(10);
+		box-sizing: border-box;
         background-image: url('@/assets/images/unfollow.png');
         background-size: 100% 100%;
       }