优化问题

This commit is contained in:
duan
2024-05-17 14:12:28 +08:00
parent ea60344f02
commit 07a6425ec4
10 changed files with 66 additions and 40 deletions

View File

@@ -18,7 +18,8 @@
<image :src="item.image" mode="aspectFill"></image>
<view class="therecontent_box_itembox_itemview flex-colum-start">
<view class="therecontent_box_itembox_itemviewone">
<text style="margin-left: 0;">{{item.productName}}</text>
<text
style="margin-left: 0;">{{item.productName.length>5?item.productName.substring(0,5)+'...':item.productName}}</text>
</view>
<view class="therecontent_box_itembox_itemviewtow flex-around">
<image src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/index/xia.png" mode="widthFix">
@@ -27,7 +28,7 @@
{{item.discount || '1'}}
</view>
</view>
<view class="therecontent_box_itembox_itemviewthere flex-start">
<view class="therecontent_box_itembox_itemviewthere ">
<text>{{item.salePrice}}</text>
<text>{{item.originPrice}}</text>
</view>
@@ -58,12 +59,12 @@
<view class="therecontent_box_itembox_itemviewoneafter">
TOP.{{index + 1}}
</view>
<text>{{item.productName}}</text>
<text>{{ item.productName.length>5?item.productName.substring(0,5)+'...':item.productName }}</text>
</view>
<view class="therecontent_box_itembox_itemviewtowdiscount flex-around">
已抢{{item.realSalesNumber}}
</view>
<view class="therecontent_box_itembox_itemviewthere flex-start">
<view class="therecontent_box_itembox_itemviewthere ">
<text>{{item.salePrice}}</text>
<text>{{item.originPrice}}</text>
</view>
@@ -126,7 +127,8 @@
width: 336rpx;
border-radius: 18rpx;
background: #FFFFFF;
height:396rpx;
height: 396rpx;
.therecontent_box_itembox {
padding: 10rpx 18rpx 24rpx 24rpx;
@@ -204,11 +206,11 @@
}
.therecontent_box_itembox_itemviewthere {
margin-top: 4rpx;
// margin-top: 4rpx;
// align-items: flex-end;
// display: flex;
// align-items: center;
// justify-content: center;
display: flex;
align-items: center;
justify-content: center;
text:nth-child(1) {
font-family: Source Han Sans CN, Source Han Sans CN;
@@ -223,7 +225,7 @@
font-size: 16rpx;
color: #999999;
text-decoration-line: line-through;
margin-top: 10rpx;
margin-top: 4rpx;
}
}
}