From ff8dbe488e43f3084ae62dcb41c85771e52cd117 Mon Sep 17 00:00:00 2001 From: luo <17530855@qq.com> Date: Tue, 13 Jun 2023 17:35:37 +0800 Subject: [PATCH] 秒杀组件优化 --- components/diy_seckill/diy_seckill.wxml | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------------------------- components/diy_seckill/diy_seckill.wxss | 30 +++++++++++++++++------------- pages/activity/seckill_list/seckill_list.wxml | 2 +- pages/activity/seckill_list/seckill_list.wxss | 3 ++- 4 files changed, 70 insertions(+), 74 deletions(-) diff --git a/components/diy_seckill/diy_seckill.wxml b/components/diy_seckill/diy_seckill.wxml index 3a8ff41..0382423 100644 --- a/components/diy_seckill/diy_seckill.wxml +++ b/components/diy_seckill/diy_seckill.wxml @@ -1,10 +1,10 @@ - + - {{object.column_name}} + {{object.column_name}} 更多 @@ -40,16 +40,18 @@ - {{aitem.goods_name}} - + {{aitem.goods_name}} + 已秒{{aitem.buy_num}} 还剩余{{aitem.status==2 ? '0' : aitem.residue}} - - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.shop_price}} + + + ¥{{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} + @@ -86,15 +88,15 @@ {{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}} - {{aitem.goods_name}} - + {{aitem.goods_name}} + 已秒{{aitem.buy_num}} 还剩余{{aitem.residue}} - - {{aitem.price_n}}.{{aitem.price_xs}} + + {{aitem.price_n}}.{{aitem.price_xs}} ¥{{aitem.shop_price}} @@ -135,12 +137,12 @@ {{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}} - {{aitem.goods_name}} + {{aitem.goods_name}} 已秒{{aitem.buy_num}} {{aitem.residue}} - + {{aitem.price_n}}.{{aitem.price_xs}} @@ -163,7 +165,7 @@ - + @@ -186,13 +188,13 @@ - - {{aitem.goods_name}} - + + {{aitem.goods_name}} + 已秒{{aitem.buy_num}} {{aitem.residue}} - + {{aitem.price_n}}.{{aitem.price_xs}} @@ -200,8 +202,8 @@ - - {{object.button_content}} + + {{object.button_content}} @@ -227,13 +229,6 @@ - 已售罄 @@ -242,22 +237,24 @@ 距结束时间 - 距开始时间 + 距开始时间 {{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}} - {{aitem.goods_name}} - + {{aitem.goods_name}} + - + 已秒{{aitem.buy_num}} - 还剩余{{ aitem.status==2 ? '0' : aitem.residue}} + 还剩余{{aitem.status==2 ? '0' : aitem.residue}} - - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.shop_price}} + + + ¥{{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} + @@ -273,15 +270,12 @@ - + - 已售罄 @@ -290,16 +284,16 @@ {{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}} - {{aitem.goods_name}} - + {{aitem.goods_name}} + 已秒{{aitem.buy_num}} 还剩余{{aitem.residue}} - + - - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.shop_price}} + + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} @@ -315,15 +309,12 @@ - + - 已售罄 @@ -332,16 +323,16 @@ {{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}} - {{aitem.goods_name}} - + {{aitem.goods_name}} + 已秒{{aitem.buy_num}} 还剩余{{aitem.residue}} - + - - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.shop_price}} + + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} @@ -431,12 +422,12 @@ {{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}} - {{aitem.goods_name}} - + {{aitem.goods_name}} + 已秒{{aitem.buy_num}} {{aitem.residue}} - + {{aitem.price_n}}.{{aitem.price_xs}} @@ -444,7 +435,7 @@ - + diff --git a/components/diy_seckill/diy_seckill.wxss b/components/diy_seckill/diy_seckill.wxss index 5aa6e69..c3b6b22 100644 --- a/components/diy_seckill/diy_seckill.wxss +++ b/components/diy_seckill/diy_seckill.wxss @@ -43,11 +43,11 @@ swiper { .t_left { width: 10rpx; height: 38rpx; - background: #c4182e; + background: #f23030; margin-right: 10rpx; } .n_t_ms{ - color:rgba(196, 24, 45, 1); + color:#f23030; } .sp { @@ -331,7 +331,7 @@ swiper { background: rgba(196, 24, 45, 1); color: #fff; /* font-size: 25rpx; */ - font-size: 25rpx; + font-size: 24rpx; display: flex; justify-content: space-between; align-items: center; @@ -343,9 +343,9 @@ swiper { height: 52rpx; } .new_item1_goods_name{ - padding: 10rpx; + padding: 10rpx 10rpx 0rpx; /* font-size: 26rpx; */ - font-size: 32rpx; + font-size: 28rpx; width: 100%; box-sizing: border-box; color: #333333; @@ -357,7 +357,7 @@ swiper { justify-content: space-between; /* font-size: 26rpx; */ font-size: 24rpx; - padding: 0 10rpx; + padding: 0 10rpx 10rpx; } .clor{ /* color: rgba(196, 24, 45, 1); */ @@ -370,7 +370,7 @@ swiper { width: 130rpx; height: 60rpx; color: #fff; - background-color: rgba(196,24,45,1); + background-color: #f23030; line-height: 60rpx; text-align: center; border-radius: 15rpx; @@ -381,13 +381,13 @@ swiper { .new_item1_but2{ border-radius: 50rpx !important; background-color: rgba(0, 0, 0, 0) !important; - color: rgba(196,24,45,1) !important; - border: 1rpx solid rgba(196,24,45,1) !important; + color: #f23030 !important; + border: 1rpx solid #f23030 !important; } .new_item1_but3{ background-color: rgba(0, 0, 0, 0) !important; - color: rgba(196,24,45,1) !important; - border: 1rpx solid rgba(196,24,45,1) !important; + color: #f23030 !important; + border: 1rpx solid #f23030 !important; } @@ -408,13 +408,14 @@ swiper { } .boxsha{ /* box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); */ - box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */ + box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); } .but_radius85{ border-radius:289rpx; } .but_radius5{ - border-radius:17px; + border-radius:8px; } .imgBox{ position: relative; @@ -503,6 +504,9 @@ swiper { .pricefs42{ font-size: 42rpx !important; } + .pricefs38{ + font-size: 38rpx !important; + } .imgbox1{ width: 60rpx; height: 60rpx; diff --git a/pages/activity/seckill_list/seckill_list.wxml b/pages/activity/seckill_list/seckill_list.wxml index 588ad3c..47c4576 100644 --- a/pages/activity/seckill_list/seckill_list.wxml +++ b/pages/activity/seckill_list/seckill_list.wxml @@ -46,7 +46,7 @@ - + 剩余{{type==1?filters.toFix(100-(item.buy_num+item.virtual)/(item.goods_num+item.virtual)*100,0):'100'}}% diff --git a/pages/activity/seckill_list/seckill_list.wxss b/pages/activity/seckill_list/seckill_list.wxss index 6cc6698..9d3b2fb 100644 --- a/pages/activity/seckill_list/seckill_list.wxss +++ b/pages/activity/seckill_list/seckill_list.wxss @@ -110,7 +110,8 @@ padding-top: 4rpx; .kill-btn>navigator { padding: 0 20rpx; - background: #e23245; + /* background: #e23245; */ + background: #f23030; color: #fff; border-radius: 20rpx; margin-top: 37px; -- libgit2 0.21.4