liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix(天天秒杀):[#1017]已抢数量，文字数量过多会被挤到第二行

Browse Source
This commit is contained in:
lifizer
2024-03-29 23:39:59 +08:00
parent c49d686719
commit bc64e2a737
1 changed files with 25 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pkg_product/views/seckill.vue
+25 -20
View File
@@ -126,11 +126,13 @@
<view class="sale flex ai-center">已抢{{ item.sales }}件</view> <view class="sale flex ai-center">已抢{{ item.sales }}件</view>
<view class="btn">立即抢购</view> <view class="btn">立即抢购</view>
</view> --> </view> -->
<view class="number flex"> <view class="number-wrap">
<view class="bg"> <view class="number flex">
已抢{{ item.sales }} <view class="bg">
已抢{{ item.sales }}
</view>
<text class="txt">件</text>
</view> </view>
<text class="txt">件</text>
</view> </view>
<view class="price-wrap flex"> <view class="price-wrap flex">
<view class="price-txt"> <view class="price-txt">
@@ -612,23 +614,26 @@ export default {
} }
} }
.line-price { .line-price {
.number { .number-wrap {
width: 82px; display: flex;
height: 24px; .number {
border-radius: 12px; height: 24px;
line-height: 24px; padding: 0 20rpx 0 0;
color: #fff;
font-size: 12px;
font-weight: bold;
background: rgba(250,181,176,0.39);
box-shadow: 1px 1px 1px rgba(0,0,0,0.16);
.bg {
z-index: 1;
height: 100%;
padding: 0 4px 0 12px;
margin: 0 2px 0 0;
border-radius: 12px; border-radius: 12px;
background-color: #E92727; line-height: 24px;
color: #fff;
font-size: 12px;
font-weight: bold;
background: rgba(250,181,176,0.39);
box-shadow: 1px 1px 1px rgba(0,0,0,0.16);
.bg {
z-index: 1;
height: 100%;
padding: 0 4px 0 12px;
margin: 0 2px 0 0;
border-radius: 12px;
background-color: #E92727;
}
} }
} }
.price-wrap { .price-wrap {