fix: 订单创建页面商品名称规格长宽放同一行
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
@@ -46,9 +46,7 @@
|
|||||||
|
|
||||||
<view v-for="(item, index) in orderItems" :key="index" class="order-item">
|
<view v-for="(item, index) in orderItems" :key="index" class="order-item">
|
||||||
<view class="item-info">
|
<view class="item-info">
|
||||||
<text class="item-name">{{ item.productName }}</text>
|
<text class="item-name">{{ item.productName }}</text><text class="item-spec">{{ item.spec ? ' ' + item.spec : '' }}</text><text class="item-dims" v-if="item.length && item.width">{{ item.length }}x{{ item.width }}</text>
|
||||||
<text class="item-spec" v-if="item.length && item.width">{{ item.spec || '-' }} {{ item.length }} x {{ item.width }} x {{ item.quantity }} = {{ (item.length * item.width * item.quantity / 1000000).toFixed(4) }} m²</text>
|
|
||||||
<text class="item-spec" v-else>{{ item.spec || '-' }}</text>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="item-edit">
|
<view class="item-edit">
|
||||||
<view class="quantity-edit">
|
<view class="quantity-edit">
|
||||||
@@ -578,12 +576,14 @@ export default {
|
|||||||
|
|
||||||
.item-info {
|
.item-info {
|
||||||
margin-bottom: 16rpx;
|
margin-bottom: 16rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.item-name {
|
.item-name {
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
display: block;
|
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -592,6 +592,15 @@ export default {
|
|||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.item-dims {
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #667eea;
|
||||||
|
background: #f0f0ff;
|
||||||
|
padding: 2rpx 8rpx;
|
||||||
|
border-radius: 4rpx;
|
||||||
|
margin-left: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.item-edit {
|
.item-edit {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|||||||
Reference in New Issue
Block a user