样式优化

zhiyangdu
1 parent a129be8f
Showing 2 changed files with 31 additions and 31 deletions
src/pages/index/index.less
src/pages/index/index.vue
@@ -33,61 +33,61 @@
            margin:22px 35px 0 35px;
        }
     }
-    div:nth-child(3){
+    .video1_poster{
         width: 100%;
         height: 806px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568c9e73d.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(4){
+    .div4{
         width: 100%;
         height: 856px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d33312.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(5){
+    .div5{
         width: 100%;
         height: 668px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568ccd863.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(6){
+    .div6{
         width: 100%;
         height: 800px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d0a6e2.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(7){
+    .div7{
         width: 100%;
         height: 700px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d84a69.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(8){
+    .div8{
         width: 100%;
         height: 800px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568d94ae0.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(9){
+    .div9{
         width: 100%;
         height: 674px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568db09da.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(10){
+    .div10{
         width: 100%;
         height: 724px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568e1552e.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(11){
+    .div11{
         width: 100%;
         height: 504px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568e89cc3.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(12){
+    .div12{
         width: 100%;
         height: 806px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568e4de21.jpg") no-repeat center top;
@@ -100,31 +100,31 @@
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568e7d975.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(14){
+    .div14{
         width: 100%;
         height: 760px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568eb453d.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(15){
+    .div15{
         width: 100%;
         height: 526px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568f1f576.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(16){
+    .div16{
         width: 100%;
         height: 390px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568f42359.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(17){
+    .div17{
         width: 100%;
         height: 520px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568f6ca8f.jpg") no-repeat center top;
         background-size: 100%;
     }
-    div:nth-child(18){
+    .div18{
         width: 100%;
         height: 520px;
         background: #bd3325 url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e09568f87930.jpg") no-repeat center top;
@@ -143,7 +143,7 @@
         .vjs-poster{
             width: 100%;
             height:401px;
-            background-image: url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e0956907e4d7.png") !important;
+            background-image: url("https://wjj.ys2.cnliveimg.com/769/shop/img/2019/12/30/5e0976240574e.png") !important;
             background-size: 100%;
         }
     }
@@ -23,23 +23,23 @@
                 </div>
             </div>
-            <div></div>
+            <div class="div4"></div>
-            <div></div>
+            <div class="div5"></div>
-            <div></div>
+            <div class="div6"></div>
-            <div></div>
+            <div class="div7"></div>
-            <div></div>
+            <div class="div8"></div>
-            <div></div>
+            <div class="div9"></div>
-            <div></div>
+            <div class="div10"></div>
-            <div></div>
+            <div class="div11"></div>
             <!--视频-->
-            <div class="video2_poster">
+            <div class="div12 video2_poster">
                 <div class="video_box">
                     <video-player class="video-player vjs-custom-skin" @play="onPlayerPlay($event)"
                                   ref="videoPlayer"
@@ -50,17 +50,17 @@
                     </video-player>
                 </div>
             </div>
-            <div></div>
+            <div class="div13"></div>
-            <div></div>
+            <div class="div14"></div>
-            <div></div>
+            <div class="div15"></div>
-            <div></div>
+            <div class="div16"></div>
-            <div></div>
+            <div class="div17"></div>
-            <div></div>
+            <div class="div18"></div>
         </div>
     </div>