Browse Source

更新 Home.vue 和 VideoPage.vue 的左右上下边距

reghao 9 months ago
parent
commit
7ce485a5e4
2 changed files with 30 additions and 30 deletions
  1. 24 25
      src/views/home/Home.vue
  2. 6 5
      src/views/home/VideoPage.vue

+ 24 - 25
src/views/home/Home.vue

@@ -1,27 +1,25 @@
 <template>
-  <el-row>
-    <el-row class="movie-list">
-      <el-row>
-        <el-col :md="12">
-          <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-            <site-notice />
-          </el-row>
-        </el-col>
-        <el-col :md="12">
-          <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-            <el-carousel :interval="3000" height="300px">
-              <el-carousel-item v-for="(item, index) in carouselList" :key="index">
-                <router-link target="_blank" :to="`/video/${item.videoId}`">
-                  <img class="carousel_image_type" :src="item.coverUrl" alt="img">
-                </router-link>
-              </el-carousel-item>
-            </el-carousel>
-          </el-row>
-        </el-col>
-      </el-row>
+  <el-row class="movie-list">
+    <el-row>
+      <el-col :md="12">
+        <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
+          <site-notice />
+        </el-row>
+      </el-col>
+      <el-col :md="12">
+        <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
+          <el-carousel :interval="3000" height="300px">
+            <el-carousel-item v-for="(item, index) in carouselList" :key="index">
+              <router-link target="_blank" :to="`/video/${item.videoId}`">
+                <img class="carousel_image_type" :src="item.coverUrl" alt="img">
+              </router-link>
+            </el-carousel-item>
+          </el-carousel>
+        </el-row>
+      </el-col>
     </el-row>
     <el-scrollbar style="width: 100%; height: 100vh">
-      <el-row class="movie-list">
+      <el-row>
         <el-row
           v-if="dataList.length !== 0"
           v-infinite-scroll="load"
@@ -183,16 +181,17 @@ export default {
 /*处于手机屏幕时*/
 @media screen and (max-width: 768px){
   .movie-list {
-    padding-top: 8px;
+    padding-top: 5px;
     padding-left: 0.5%;
     padding-right: 0.5%;
   }
 }
 
 .movie-list {
-  padding-top: 15px;
-  padding-left: 6%;
-  padding-right: 6%;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-left: 5px;
+  padding-right: 5px;
 }
 
 .not-result {

+ 6 - 5
src/views/home/VideoPage.vue

@@ -1,6 +1,6 @@
 <template>
-  <el-row v-if="!permissionDenied">
-    <el-row v-if="video !== null" class="movie-list">
+  <el-row v-if="!permissionDenied" class="movie-list">
+    <el-row v-if="video !== null">
       <el-col :md="15">
         <el-row style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
           <el-card class="box-card">
@@ -790,9 +790,10 @@ export default {
 }
 
 .movie-list {
-  padding-top: 15px;
-  padding-left: 5%;
-  padding-right: 5%;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-left: 5px;
+  padding-right: 5px;
 }
 
 .clearfix:before,