样式调整

app/index/view/index/index.html

@@ -31,12 +31,13 @@
         <div class="tabContainer">
             <div class="tabItem goodsModelTabItem active" data-type="new">
                 <h3 class="tabName">NEW VAPES</h3>
-                <img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">
+<!--                <img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">-->
                 <p class="tabUnderline"></p>
             </div>
+            <img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">
             <div class="tabItem goodsModelTabItem" data-type="best">
                 <h3 class="tabName">SPECIAL OFFER</h3>
-                <img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">
+<!--                <img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">-->
                 <p class="tabUnderline"></p>
             </div>
         </div>
@@ -165,7 +166,7 @@
         <div class="tabContainer">
             <div class="tabItem active">
                 <h3 class="tabName">NEWS CENTER</h3>
-                <img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">
+<!--                <img class="tabLink" src="/assets/index/asstes/icon/tabLinkIcon.png" alt="">-->
                 <p class="tabUnderline"></p>
             </div>
         </div>

public/assets/index/css/index.css

@@ -146,15 +146,9 @@ body{
 .tabItem.active .tabUnderline{
     display: block;
 }
-.tabItem .tabLink{
+.tabLink{
     width: .02rem;
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
-}
-.tabContainer .tabItem:last-child .tabLink{
-    display: none;
+    height: .5rem;
 }
 
 /* <-- start 新的商品模块 */
@@ -416,15 +410,13 @@ body{
 /* end 新的商品模块 --> */
 
 /* <-- start 新闻中心模块 */
-.newConterContainer .tabContainer{
-    padding-top: .3rem;
-}
+
 .newConterItem{
-   border: .02rem solid rgba(0, 0, 0, .1);
-   display: flex;
-   align-items: center;
-   padding: .2rem .2rem .2rem .14rem;
-   margin-bottom: .26rem;
+    border: .02rem solid rgba(0, 0, 0, .1);
+    display: flex;
+    align-items: center;
+    padding: .2rem .2rem .2rem .14rem;
+    margin-bottom: .26rem;
 }
 .newsDateBox{
     margin-left: .6rem;
@@ -508,7 +500,7 @@ body{
     color: #000000;
     text-align: center;
     padding-bottom: .16rem;
-    padding-top: .5rem;
+    padding-top: .3rem;
 }
 .superDealContainer .newGoodsContainer{
     grid-gap: .24rem .2rem;
@@ -710,9 +702,6 @@ body{
         padding: 0 .2rem;
         font-size: .2rem;
     }
-    .newConterContainer .tabContainer{
-        padding-top: .2rem;
-    }
     .superDealTitle{
         padding-top: .3rem;
     }
@@ -725,7 +714,6 @@ body{
         height: 1.3rem;
     }
     .tabContainer .tabItem{
-        flex: 1;
         padding: 0 !important;
         height: .66rem;
         max-width: 33%;
@@ -787,4 +775,9 @@ body{
         height: .8rem;
         font-size: .26rem;
      }
+
+    .tabLink{
+            height: .4rem;
+            margin: 0 .48rem;
+         }
 }