diff --git a/v1_5_0_C/couponCollection.css b/v1_5_0_C/couponCollection.css index d2f1a6a..87b125f 100644 --- a/v1_5_0_C/couponCollection.css +++ b/v1_5_0_C/couponCollection.css @@ -6,6 +6,7 @@ html { font-size: 26.66666667vw; + height: 100%; } @@ -49,7 +50,7 @@ img { width: 100%; position: relative; margin-top: -0.4rem; - z-index: 1002; + z-index: 997; } #app .bottom { @@ -177,7 +178,7 @@ img { } .swiper-container { - height: 2.5rem; + height: 2.2rem; } .swiper-pagination-bullet { @@ -238,7 +239,6 @@ img { .topBanner .banner { height: 2.41rem; margin: 0; - padding-top: 0.5rem; } #homepage h2 { @@ -274,16 +274,21 @@ img { #homepage .bottom>img { border-radius: 0.05rem; + margin-bottom: 0.14rem; +} + +#rotation { + margin-top: 0.1rem; } #rotation .commodity { width: 94%; - height: 2.5rem; - background: #FFFFFF; + height: 2.2rem; border-radius: 0.05rem; position: relative; display: flex; align-items: center; + background: #fff; } #rotation .swiper-wrapper { @@ -385,12 +390,13 @@ img { } /* 闁稿繑鍨跺畷鏌ュ箰婢舵劖灏� */ -#rotation .exchangeBtn { +.exchangeBtn { width: 3.37rem; height: 0.45rem; background: #F98F5B; border-radius: 0.21rem; margin-bottom: 0.24rem; + margin-top: 0.24rem; color: #AAAAAA; font-size: 0.19rem; display: flex; @@ -558,18 +564,27 @@ img.changegray { /* overflow-y: auto; */ } + /* 闁活厸鏅犲Ο鈧柟鐑樺笧婢э拷 */ + +#matrix { + margin-top: 0.1rem; +} + + + #matrix .listcommity { width: 94%; position: relative; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; + display: grid; + grid-template-columns: repeat(3, 33.3%); + grid-gap: 0.2rem 0; background: #fff; - box-sizing: border-box; border-radius: 0.05rem; - - + padding: 0.2rem 0; + box-sizing: border-box; + justify-items: center; + align-items: center; } #matrix .listcommity li { @@ -577,7 +592,6 @@ img.changegray { height: 1.85rem; display: flex; flex-direction: column; - margin: 0 0 0.17rem 0; border-radius: 0.05rem; position: relative; border-radius: 0.08rem; @@ -589,12 +603,6 @@ img.changegray { outline: 0.01rem solid #F9FAFA; } -/* //閸熷棗鎼ч惌鈺呮█閸ユ崘绶� */ - -#matrix .listcommity li:nth-child(3n+2) { - margin-right: calc((100% - 0.92*3.43rem)/2); - margin-left: calc((100% - 0.92*3.43rem)/2); -} #matrix .listcommity li img { width: 0.58rem; @@ -743,7 +751,7 @@ img.changegray { .bottomBtn { position: fixed; bottom: 0rem; - z-index: 88; + z-index: 998; left: 50%; margin-left: -1.745rem; } @@ -1067,7 +1075,7 @@ img.changegray { position: fixed; width: 0.3rem; right: 0; - top: 0.2rem; + top: 0.8rem; z-index: 1000; } @@ -1397,19 +1405,21 @@ ul { .title { font-size: 0.19rem; color: #0A0A0A; - display: flex; - align-items: flex-end; width: 94%; - margin: 0.23rem auto; + margin: 0.20rem auto 0; + height: 0.3rem; + display: flex; + align-items: center; } .title>p { margin: 0; + width: 100%; } .or { - width: 0.18rem; - height: 0.22rem; + width: auto; + height: 100%; margin: 0; margin-right: 0.05rem; } diff --git a/v1_5_0_C/couponCollection.html b/v1_5_0_C/couponCollection.html index 965a72f..912996d 100644 --- a/v1_5_0_C/couponCollection.html +++ b/v1_5_0_C/couponCollection.html @@ -21,7 +21,13 @@ -
+
@@ -29,31 +35,45 @@
-
- + -
- +
+
- +
-
- +
+
-
- -

热销商品

+
+ +

+ {{viewConfig.title.text}} +

-
+
@@ -88,26 +108,21 @@ :class="item.stock&&(item.stock<0||item.available!=1)&&(item.available!=2?'changegray':'')">

- 原价￥180.60 + 原价￥{{item.origin_price}}

券后价 ￥ - 100 + {{item.coupon_price}}

-
- 立即兑换 -
-
+
@@ -125,9 +140,11 @@ {{item.type==1?item.entity.product_name:item.entity.batch_goods_name}}

￥

-

15

+

{{item.origin_price}}

券后价

-

原价￥20

+

+ 原价￥{{item.coupon_price}} +

@@ -136,7 +153,7 @@
-
+
@@ -164,10 +181,10 @@
{{item.type==1?item.entity.product_name:item.entity.batch_goods_name}} -

原价￥25

+

原价￥{{item.origin_price}}

￥ - 20 + {{item.coupon_price}} 券后价

@@ -175,10 +192,17 @@
-
+
+ +
+ 立即支付 +
@@ -205,7 +229,7 @@
-

{{tiptext}}

+

{{tipText}}

知道了
@@ -222,7 +246,7 @@ src="http://lsxd-customcard-h5.oss-cn-hangzhou.aliyuncs.com/cardpwd/img/commimgs/close.png" alt="" @click="closeBtn()"> - +