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
+6 -1
View File
@@ -126,12 +126,14 @@
<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-wrap">
<view class="number flex"> <view class="number flex">
<view class="bg"> <view class="bg">
已抢{{ item.sales }} 已抢{{ item.sales }}
</view> </view>
<text class="txt">件</text> <text class="txt">件</text>
</view> </view>
</view>
<view class="price-wrap flex"> <view class="price-wrap flex">
<view class="price-txt"> <view class="price-txt">
秒杀价￥ 秒杀价￥
@@ -612,9 +614,11 @@ export default {
} }
} }
.line-price { .line-price {
.number-wrap {
display: flex;
.number { .number {
width: 82px;
height: 24px; height: 24px;
padding: 0 20rpx 0 0;
border-radius: 12px; border-radius: 12px;
line-height: 24px; line-height: 24px;
color: #fff; color: #fff;
@@ -631,6 +635,7 @@ export default {
background-color: #E92727; background-color: #E92727;
} }
} }
}
.price-wrap { .price-wrap {
align-items: flex-end; align-items: flex-end;
.price-txt { .price-txt {