Browse Source

样式调整

zhangdehua 1 year ago
parent
commit
d2c09aaf4e

+ 3 - 3
app/index/view/base.html

@@ -155,7 +155,7 @@
 <!--                </div>-->
                 <div class="fLinkContainer">
                     <div class="fLinkBox">
-                        <h3 class="fLinkTitle">My Account</h3>
+                        <h3 class="fLinkTitle">My Account<span>:</span></h3>
                         <a href="/index/user/order.html">
                             <div class="fLinkItem">Personal</div>
                         </a>
@@ -167,7 +167,7 @@
                         </a>
                     </div>
                     <div class="fLinkBox">
-                        <h3 class="fLinkTitle">Polices</h3>
+                        <h3 class="fLinkTitle">Polices<span>:</span></h3>
                         <a href="/index/index/aboutUs.html">
                             <div class="fLinkItem">About Us</div>
                         </a>
@@ -251,7 +251,7 @@
                     <div class="aRImgItem">
                         <img src="/assets/index/asstes/icon/cert1.png" alt="">
                     </div>
-                    <div class="aRImgItemLast">
+                    <div class="aRImgItem">
                         <img src="/assets/index/asstes/icon/cert4.png" alt="">
                     </div>
                 </div>

+ 26 - 32
app/index/view/index/index.html

@@ -65,11 +65,11 @@
                                     </p>
                                     <p class="goodsScribe textEllipsis">${$goods['line_price_max']}</p>
                                 </div>
-<!--                                <div class="goodsCollect">-->
-<!--                                    <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect"-->
-<!--                                         title="collect">-->
-<!--                                    <p class="collectNumber textEllipsis">99</p>-->
-<!--                                </div>-->
+                                <!--                                <div class="goodsCollect">-->
+                                <!--                                    <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect"-->
+                                <!--                                         title="collect">-->
+                                <!--                                    <p class="collectNumber textEllipsis">99</p>-->
+                                <!--                                </div>-->
                             </div>
                             <div class="goodsReviews">
                                 <div class="goodsStarContainer">
@@ -123,11 +123,11 @@
                                     </p>
                                     <p class="goodsScribe textEllipsis">${$goods['line_price_max']}</p>
                                 </div>
-<!--                                <div class="goodsCollect">-->
-<!--                                    <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect"-->
-<!--                                         title="collect">-->
-<!--                                    <p class="collectNumber textEllipsis">99</p>-->
-<!--                                </div>-->
+                                <!--                                <div class="goodsCollect">-->
+                                <!--                                    <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect"-->
+                                <!--                                         title="collect">-->
+                                <!--                                    <p class="collectNumber textEllipsis">99</p>-->
+                                <!--                                </div>-->
                             </div>
                             <div class="goodsReviews">
                                 <div class="goodsStarContainer">
@@ -220,7 +220,7 @@
                     <div class="goodsInfo">
                         <div class="goodsTitleBox">
                             <h3 class="goodsTitle">
-                                <span class="preTag">On sale</span>
+                                <span class="preTag">New</span>
                                 <span class="tText">{$deal['goods_name']}</span>
                             </h3>
                         </div>
@@ -228,10 +228,10 @@
                             <p class="goodsPrice textEllipsis">
                                 <span>$</span>{$deal['goods_price_min']}
                             </p>
-<!--                            <div class="goodsCollect">-->
-<!--                                <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect" title="collect">-->
-<!--                                <p class="collectNumber textEllipsis">99</p>-->
-<!--                            </div>-->
+                            <!--                            <div class="goodsCollect">-->
+                            <!--                                <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect" title="collect">-->
+                            <!--                                <p class="collectNumber textEllipsis">99</p>-->
+                            <!--                            </div>-->
                         </div>
                         <div class="goodsReviews">
                             <div class="goodsStarContainer">
@@ -275,7 +275,7 @@
                     <div class="goodsInfo">
                         <div class="goodsTitleBox">
                             <h3 class="goodsTitle">
-                                <span class="preTag">On sale</span>
+                                <span class="preTag">New</span>
                                 <span class="tText">{$deal['goods_name']}</span>
                             </h3>
                         </div>
@@ -283,10 +283,10 @@
                             <p class="goodsPrice textEllipsis">
                                 <span>$</span>{$deal['goods_price_min']}
                             </p>
-<!--                            <div class="goodsCollect">-->
-<!--                                <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect" title="collect">-->
-<!--                                <p class="collectNumber textEllipsis">99</p>-->
-<!--                            </div>-->
+                            <!--                            <div class="goodsCollect">-->
+                            <!--                                <img src="/assets/index/asstes/icon/gsCollect.png" alt="collect" title="collect">-->
+                            <!--                                <p class="collectNumber textEllipsis">99</p>-->
+                            <!--                            </div>-->
                         </div>
                         <div class="goodsReviews">
                             <div class="goodsStarContainer">
@@ -322,28 +322,22 @@
         <h2 class="partnersTitle">Partners</h2>
         <div class="partnersList">
             <div class="partnersItem">
-                <img class="partnersLogo lazy" src="/assets/index/asstes/icon/transparent.png"
-                     data-original="/assets/index/asstes/icon/p1.jpg" alt="">
+                <img class="partnersLogo" src="/assets/index/asstes/logo/logo_dhl.png" alt="">
             </div>
             <div class="partnersItem">
-                <img class="partnersLogo lazy" src="/assets/index/asstes/icon/transparent.png"
-                     data-original="/assets/index/asstes/icon/p2.jpg" alt="">
+                <img class="partnersLogo" src="/assets/index/asstes/logo/logo_fedEx.png" alt="">
             </div>
             <div class="partnersItem">
-                <img class="partnersLogo lazy" src="/assets/index/asstes/icon/transparent.png"
-                     data-original="/assets/index/asstes/icon/p3.jpg" alt="">
+                <img class="partnersLogo" src="/assets/index/asstes/logo/logo_ls.png" alt="">
             </div>
             <div class="partnersItem">
-                <img class="partnersLogo lazy" src="/assets/index/asstes/icon/transparent.png"
-                     data-original="/assets/index/asstes/icon/p4.jpg" alt="">
+                <img class="partnersLogo" src="/assets/index/asstes/logo/logo_payPal.png" alt="">
             </div>
             <div class="partnersItem">
-                <img class="partnersLogo lazy" src="/assets/index/asstes/icon/transparent.png"
-                     data-original="/assets/index/asstes/icon/p5.jpg" alt="">
+                <img class="partnersLogo" src="/assets/index/asstes/logo/logo_ups.png" alt="">
             </div>
             <div class="partnersItem">
-                <img class="partnersLogo lazy" src="/assets/index/asstes/icon/transparent.png"
-                     data-original="/assets/index/asstes/icon/p5.jpg" alt="">
+                <img class="partnersLogo" src="/assets/index/asstes/logo/logo_le.png" alt="">
             </div>
         </div>
     </div>

BIN
public/assets/index/asstes/logo/logo_dhl.png


BIN
public/assets/index/asstes/logo/logo_fedEx.png


BIN
public/assets/index/asstes/logo/logo_le.png


BIN
public/assets/index/asstes/logo/logo_ls.png


BIN
public/assets/index/asstes/logo/logo_payPal.png


BIN
public/assets/index/asstes/logo/logo_ups.png


File diff suppressed because it is too large
+ 334 - 176
public/assets/index/css/common.css


+ 9 - 7
public/assets/index/css/index.css

@@ -186,10 +186,12 @@ body{
     position: absolute;
     z-index: 1;
     right: 0;
-    bottom: .1rem;
+    bottom: .12rem;
     padding: .08rem;
     font-size: 0;
     cursor: pointer;
+    display: flex;
+    align-items: center;
 }
 .goodsShareBotton img{
     width: .24rem;
@@ -515,16 +517,16 @@ body{
     font-weight: bold;
     font-size: .36rem; 
     color: #000; 
-    margin-bottom: .12rem;
+    margin-bottom: .24rem;
 }
 .partnersList{
     display: -ms-grid; 
     display: grid;
-    grid-template-columns: repeat(8, 1fr);
-    grid-gap: .08rem .02rem; 
+    grid-template-columns: repeat(6, 2rem);
+    grid-gap: .24rem .24rem; 
 } 
 .partnersItem{ 
-    height: .77rem;
+    height: .8rem;
     font-size: 0;
     display: flex;
     align-items: center;
@@ -532,8 +534,8 @@ body{
 }
 .partnersItem .partnersLogo{
     object-fit: contain;
-    width: 1rem;
     height: 100%;
+    width: 100%;
 }
 /* end 盟友模块 --> */
 
@@ -595,7 +597,7 @@ body{
     font-size: .16rem;
   }
   .partnersList{
-    grid-template-columns: repeat(6, 1fr);
+    grid-template-columns: repeat(5, 1fr);
   }
 .goodsShareBotton img{
     width: .3rem;

+ 4 - 4
public/assets/index/css/shoppingCart.css

@@ -173,7 +173,7 @@ body{
     color: rgba(79, 73, 222, 1);
 }
 
-/* ------------------------ */
+/* new start------------------------ */
 #selectABox{
     display: none;
 }
@@ -330,7 +330,7 @@ body{
     background: transparent;
     color: #434343;
 }
-/* ------------------------ */
+/* new end------------------------ */
 
 
 #changeAddress{
@@ -565,7 +565,7 @@ body{
     }
 
 
-    /* ------------------------ */
+    /* new start------------------------ */
     .windContainer{
         width: auto;
         padding-left: .52rem;
@@ -616,7 +616,7 @@ body{
         font-size: .22rem;
         height: .56rem;
     }
-/* ------------------------ */
+/* new end------------------------ */
 }
 @media (max-width: 750px) {
     .pageDataBox{