|
|
@@ -21,7 +21,7 @@
|
|
|
</div> -->
|
|
|
<product-title :isSmall="info.name && info.name.length > 16">{{ info.name }}</product-title>
|
|
|
</div>
|
|
|
- <div class="price-line">
|
|
|
+ <div class="price-line" :class="{ priceNum: info.number, notPriceNum: !info.number }">
|
|
|
<template v-if="info.consignment">
|
|
|
<div class="price-left">
|
|
|
<div class="price-left-top">寄售中</div>
|
|
|
@@ -49,7 +49,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
- <div class="flex1"></div>
|
|
|
+ <div class="flex1" v-if="info.number"></div>
|
|
|
|
|
|
<span class="text1" v-if="info.number">
|
|
|
<div class="text1-top">编号</div>
|
|
|
@@ -990,16 +990,24 @@ export default {
|
|
|
margin-top: 12px;
|
|
|
position: relative;
|
|
|
|
|
|
- &::after {
|
|
|
+ &.priceNum::after {
|
|
|
position: absolute;
|
|
|
content: '';
|
|
|
width: 1px;
|
|
|
height: 38px;
|
|
|
- border: 1px solid rgba(255, 255, 255, 0.06);
|
|
|
+ background: rgba(255, 255, 255, 0.06);
|
|
|
left: 50%;
|
|
|
top: 50%;
|
|
|
transform: translate(-50%, -56%);
|
|
|
}
|
|
|
+ &.notPriceNum {
|
|
|
+ justify-content: center;
|
|
|
+ flex-grow: 1;
|
|
|
+ .price-left {
|
|
|
+ flex-grow: 1;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
.sub {
|
|
|
flex-grow: 1;
|
|
|
margin-left: 5px;
|
|
|
@@ -1597,7 +1605,7 @@ export default {
|
|
|
}
|
|
|
&::after {
|
|
|
content: '';
|
|
|
- border: 1px solid #202122;
|
|
|
+ background: #202122;
|
|
|
width: 1px;
|
|
|
height: 38px;
|
|
|
position: absolute;
|