skyblued 2 年之前
父節點
當前提交
9cfa9b32a9

+ 2 - 2
src/views/shop-mall/components/TheHomeHeader/index.tsx

@@ -29,7 +29,7 @@ export default defineComponent({
         }
         }
       })
       })
     }
     }
-    // init()
+    init()
     const popoverSlots = {
     const popoverSlots = {
       reference: () => (
       reference: () => (
         <img class={styles.more} src={IconMore} onClick={() => emit('more')} />
         <img class={styles.more} src={IconMore} onClick={() => emit('more')} />
@@ -43,7 +43,7 @@ export default defineComponent({
     ]
     ]
     return () => (
     return () => (
       <div class={styles.theHomeHeader}>
       <div class={styles.theHomeHeader}>
-        {/* <div style={{ height: navBarHeight.value + 'px', background: 'red' }}></div> */}
+        <div style={{ height: navBarHeight.value + 'px', background: '#fff' }}></div>
         <div class={styles.content}>
         <div class={styles.content}>
           <img class={styles.mall} src={IconMall} />
           <img class={styles.mall} src={IconMall} />
           <div class={styles.searchBox} onClick={() => emit('search')}>
           <div class={styles.searchBox} onClick={() => emit('search')}>

+ 7 - 6
src/views/shop-mall/components/goods/index.module.less

@@ -3,7 +3,7 @@
   background: #ffffff;
   background: #ffffff;
   border-radius: 8px;
   border-radius: 8px;
   overflow: hidden;
   overflow: hidden;
-  margin-top: 14px;
+  margin-bottom: 14px;
   --van-image-placeholder-background-color: #f1f1f1;
   --van-image-placeholder-background-color: #f1f1f1;
 }
 }
 
 
@@ -50,12 +50,13 @@
   color: #999999;
   color: #999999;
   line-height: 17px;
   line-height: 17px;
 }
 }
-
+.pre{
+  font-size: 12px;
+}
 .goodsPrice {
 .goodsPrice {
-  font-size: 14px;
-  font-weight: 500;
-  color: var(--van-primary);
-  line-height: 20px;
+  font-size: 18px;
+  font-weight: bold;
+  color: #FB1C00;
 }
 }
 .addCart {
 .addCart {
   position: absolute;
   position: absolute;

+ 1 - 1
src/views/shop-mall/components/goods/index.tsx

@@ -44,7 +44,7 @@ export default defineComponent({
             {/* <del class={styles.goodsSale}>
             {/* <del class={styles.goodsSale}>
               ¥{moneyFormat(item.originalPrice)}
               ¥{moneyFormat(item.originalPrice)}
             </del> */}
             </del> */}
-            <p class={styles.goodsPrice}>¥{moneyFormat(item.price)}</p>
+            <p class={styles.goodsPrice}><span class={styles.pre}></span>{moneyFormat(item.price)}</p>
 
 
             {this.showAdd && (
             {this.showAdd && (
               <Icon
               <Icon

+ 2 - 3
src/views/shop-mall/components/hot-goods/index.module.less

@@ -1,6 +1,5 @@
 .hotGoods {
 .hotGoods {
-  padding-top: 10vmin;
-  margin: 0 14px 10px;
+  margin: 12px 14px;
   background: url('../../images/icon-hotbg.png');
   background: url('../../images/icon-hotbg.png');
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   background-size: 100%;
   background-size: 100%;
@@ -41,7 +40,7 @@
   }
   }
 
 
   .hotGoodsSection {
   .hotGoodsSection {
-    padding: 0 8px 8px 8px;
+    padding: 37px 8px 8px 8px;
     display: flex;
     display: flex;
     justify-content: space-between;
     justify-content: space-between;
     align-items: center;
     align-items: center;

+ 4 - 4
src/views/shop-mall/components/menu-list/index.module.less

@@ -1,6 +1,6 @@
 .swipeType {
 .swipeType {
-  margin: 14px 0 0;
-  padding-bottom: 14px;
+  padding-top: 20px;
+  padding-bottom: 20px;
   :global {
   :global {
     .van-swipe__indicators {
     .van-swipe__indicators {
       bottom: 12px;
       bottom: 12px;
@@ -29,8 +29,8 @@
   width: 20%;
   width: 20%;
   text-align: center;
   text-align: center;
   .swipeTypeImg {
   .swipeTypeImg {
-    width: 47px;
-    height: 47px;
+    width: 60px;
+    height: 60px;
     border-radius: 50%;
     border-radius: 50%;
     overflow: hidden;
     overflow: hidden;
   }
   }

+ 1 - 1
src/views/shop-mall/index.module.less

@@ -5,7 +5,6 @@
 .hotContent{
 .hotContent{
   padding: 11px 14px 0 14px;
   padding: 11px 14px 0 14px;
   background-color: #fff;
   background-color: #fff;
-  margin-bottom: 12px;
   border-radius: 0 0 18px 18px;
   border-radius: 0 0 18px 18px;
 }
 }
 .icon-shop-cart {
 .icon-shop-cart {
@@ -77,6 +76,7 @@
     .van-tabs__wrap{
     .van-tabs__wrap{
       height: initial;
       height: initial;
       padding-top: 14px;
       padding-top: 14px;
+      padding-bottom: 14px;
     }
     }
     .van-tab--active{
     .van-tab--active{
       background-color: #D9FFF8;
       background-color: #D9FFF8;