|
|
@@ -150,7 +150,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="del">铸造者未设置</div>
|
|
|
+ <div v-else class="del">铸造者未设置</div>
|
|
|
<!-- </div> -->
|
|
|
</div>
|
|
|
<div>
|
|
|
@@ -158,7 +158,7 @@
|
|
|
<div class="time1">商品特性</div>
|
|
|
</div>
|
|
|
<div class="card">
|
|
|
- <div v-if="properties.length != 0">
|
|
|
+ <div class="storeCard" v-if="properties.length != 0">
|
|
|
<div class="box1" v-for="(item, index) in properties" :key="index">
|
|
|
<div class="box2">{{ item.name }}</div>
|
|
|
<div class="box3">{{ item.value }}</div>
|
|
|
@@ -799,29 +799,36 @@ export default {
|
|
|
height: 112px;
|
|
|
border-radius: 0px 0px 8px 8px;
|
|
|
background: #1f2230;
|
|
|
- padding: 0 60px;
|
|
|
+ padding: 0 40px;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
- justify-content: space-between;
|
|
|
- .box1 {
|
|
|
- width: 120px;
|
|
|
- height: 62px;
|
|
|
- text-align: center;
|
|
|
- .line();
|
|
|
- .box2 {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
- color: #939599;
|
|
|
- line-height: 24px;
|
|
|
- margin-top: 5px;
|
|
|
- }
|
|
|
- .box3 {
|
|
|
- font-size: 14px;
|
|
|
- font-weight: 400;
|
|
|
- color: #ffffff;
|
|
|
- line-height: 24px;
|
|
|
+ // justify-content: space-between;
|
|
|
+ .storeCard {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ .box1 {
|
|
|
+ width: 120px;
|
|
|
+ height: 62px;
|
|
|
+ text-align: center;
|
|
|
+ margin-left: 20px;
|
|
|
+ .line();
|
|
|
+ .box2 {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #939599;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-top: 5px;
|
|
|
+ }
|
|
|
+ .box3 {
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: 400;
|
|
|
+ color: #ffffff;
|
|
|
+ line-height: 24px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
&.init3 {
|
|
|
height: 79px;
|
|
|
padding-left: 16px;
|
