From 325ef1377c84b29a7aba35d8bbb3b4e7003b02fa Mon Sep 17 00:00:00 2001 From: luo <17530855@qq.com> Date: Mon, 12 Jun 2023 16:35:57 +0800 Subject: [PATCH] 秒杀组件优化 --- components/diy_seckill/diy_seckill.js | 13 +++++++++---- components/diy_seckill/diy_seckill.wxml | 88 ++++++++++++++++++++++++++++++++++++++++++++-------------------------------------------- components/diy_seckill/diy_seckill.wxss | 27 ++++++++++++++++++++------- 3 files changed, 73 insertions(+), 55 deletions(-) diff --git a/components/diy_seckill/diy_seckill.js b/components/diy_seckill/diy_seckill.js index 16e6666..e90faf8 100644 --- a/components/diy_seckill/diy_seckill.js +++ b/components/diy_seckill/diy_seckill.js @@ -204,10 +204,15 @@ Component({ if(newTime > item.end_time) { all_array[i].status = 3; }; - let price=all_array[i].price.toFixed(2) - let priceArr = price.split(".") - all_array[i].price_n = priceArr[0] - all_array[i].price_xs = priceArr[1] + // let price=all_array[i].price.toFixed(2) + let price=all_array[i].price+'' + if (price.indexOf('.')>-1) { + let priceArr = price.split(".") + all_array[i].price_n = priceArr[0] + all_array[i].price_xs = priceArr[1] + }else{ + all_array[i].price_n = price + } all_array[i].residue=all_array[i].goods_num*1 - all_array[i].buy_num*1 if (all_array[i].residue && all_array[i].residue > 0 && all_array[i].status !=2) { diff --git a/components/diy_seckill/diy_seckill.wxml b/components/diy_seckill/diy_seckill.wxml index 231323e..3a8ff41 100644 --- a/components/diy_seckill/diy_seckill.wxml +++ b/components/diy_seckill/diy_seckill.wxml @@ -43,17 +43,17 @@ {{aitem.goods_name}} - - 已秒 {{aitem.buy_num}} + + 已秒{{aitem.buy_num}} 还剩余{{aitem.status==2 ? '0' : aitem.residue}} - - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.market_price}} + + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} - + {{object.button_content}} @@ -87,19 +87,19 @@ {{aitem.goods_name}} - - 已秒 {{aitem.buy_num}} + + 已秒{{aitem.buy_num}} 还剩余{{aitem.residue}} - - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.market_price}} + + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} - + {{object.button_content}} @@ -135,20 +135,20 @@ {{aitem.djs.day}}天{{aitem.djs.hou}}:{{aitem.djs.min}}:{{aitem.djs.sec}} - {{aitem.goods_name}} - - 已秒 {{aitem.buy_num}} + {{aitem.goods_name}} + + 已秒{{aitem.buy_num}} {{aitem.residue}} - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.market_price}} + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} - + @@ -189,14 +189,14 @@ {{aitem.goods_name}} - 已秒 {{aitem.buy_num}} + 已秒{{aitem.buy_num}} {{aitem.residue}} - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.market_price}} + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} @@ -249,19 +249,19 @@ {{aitem.goods_name}} - + - - 已秒 {{aitem.buy_num}} + + 已秒{{aitem.buy_num}} 还剩余{{ aitem.status==2 ? '0' : aitem.residue}} - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.market_price}} + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} - + {{object.button_content}} @@ -291,19 +291,19 @@ {{aitem.goods_name}} - - 已秒 {{aitem.buy_num}} + + 已秒{{aitem.buy_num}} 还剩余{{aitem.residue}} - - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.market_price}} + + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} - + {{object.button_content}} @@ -333,19 +333,19 @@ {{aitem.goods_name}} - - 已秒 {{aitem.buy_num}} + + 已秒{{aitem.buy_num}} 还剩余{{aitem.residue}} - - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.market_price}} + + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} - + {{object.button_content}} @@ -381,14 +381,14 @@ {{aitem.goods_name}} - 已秒 {{aitem.buy_num}} + 已秒{{aitem.buy_num}} 还剩余{{aitem.residue}} {{aitem.price}} - ¥{{aitem.market_price}} + ¥{{aitem.shop_price}} @@ -433,14 +433,14 @@ {{aitem.goods_name}} - 已秒 {{aitem.buy_num}} + 已秒{{aitem.buy_num}} {{aitem.residue}} - {{aitem.price_n}}.{{aitem.price_xs}} - ¥{{aitem.market_price}} + {{aitem.price_n}}.{{aitem.price_xs}} + ¥{{aitem.shop_price}} diff --git a/components/diy_seckill/diy_seckill.wxss b/components/diy_seckill/diy_seckill.wxss index 52fc86d..5aa6e69 100644 --- a/components/diy_seckill/diy_seckill.wxss +++ b/components/diy_seckill/diy_seckill.wxss @@ -11,7 +11,8 @@ padding:0rpx 20rpx; display: flex; justify-content: space-between; - font-size: 32rpx; + /* font-size: 32rpx; */ + font-size: 24rpx; } .s_it { @@ -33,10 +34,11 @@ swiper { .right_k { width: 93rpx; + color: #7b7b7b; } .right_k image{ - width: 30rpx; - height: 30rpx; + width: 20rpx; + height: 20rpx; } .t_left { width: 10rpx; @@ -295,7 +297,7 @@ swiper { .ellipsis-2 { - height: 97rpx; + height: 110rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; @@ -342,20 +344,27 @@ swiper { } .new_item1_goods_name{ padding: 10rpx; - font-size: 26rpx; + /* font-size: 26rpx; */ + font-size: 32rpx; width: 100%; box-sizing: border-box; + color: #333333; } .new_item1_price{ display: flex; /* padding: 0 10rpx; */ align-items: center; justify-content: space-between; - font-size: 26rpx; + /* font-size: 26rpx; */ + font-size: 24rpx; padding: 0 10rpx; } .clor{ - color: rgba(196, 24, 45, 1); + /* color: rgba(196, 24, 45, 1); */ + color: #ec0022; +} +.clor7b{ + color: #7b7b7b; } .new_item1_but{ width: 130rpx; @@ -493,4 +502,8 @@ swiper { } .pricefs42{ font-size: 42rpx !important; + } + .imgbox1{ + width: 60rpx; + height: 60rpx; } \ No newline at end of file -- libgit2 0.21.4