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="btn">立即抢购</view>
</view> -->
<view class="number flex">
<view class="bg">
已抢{{ item.sales }}
<view class="number-wrap">
<view class="number flex">
<view class="bg">
已抢{{ item.sales }}
</view>
<text class="txt">件</text>
</view>
<text class="txt">件</text>
</view>
<view class="price-wrap flex">
<view class="price-txt">
@@ -612,23 +614,26 @@ export default {
}
}
.line-price {
.number {
width: 82px;
height: 24px;
border-radius: 12px;
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;
.number-wrap {
display: flex;
.number {
height: 24px;
padding: 0 20rpx 0 0;
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 {