|
@@ -141,9 +141,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
<div class="del" v-else>铸造者未设置</div>
|
|
<div class="del" v-else>铸造者未设置</div>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
<div class="bor"></div>
|
|
<div class="bor"></div>
|
|
|
- <!-- <div v-if="init"> -->
|
|
|
|
|
<div class="iconBox" v-if="init.length > 0">
|
|
<div class="iconBox" v-if="init.length > 0">
|
|
|
<div v-for="(item, index) in init" :key="index">
|
|
<div v-for="(item, index) in init" :key="index">
|
|
|
<div
|
|
<div
|
|
@@ -176,14 +174,13 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="del" v-else>铸造者未设置</div>
|
|
<div class="del" v-else>铸造者未设置</div>
|
|
|
- <!-- </div> -->
|
|
|
|
|
</div>
|
|
</div>
|
|
|
<div style="margin-top: 30px">
|
|
<div style="margin-top: 30px">
|
|
|
<div class="time">
|
|
<div class="time">
|
|
|
<div class="time1">商品特性</div>
|
|
<div class="time1">商品特性</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="card">
|
|
<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="box1" v-for="(item, index) in properties" :key="index">
|
|
|
<div class="box2">{{ item.name }}</div>
|
|
<div class="box2">{{ item.name }}</div>
|
|
|
<div class="box3">{{ item.value }}</div>
|
|
<div class="box3">{{ item.value }}</div>
|
|
@@ -1292,24 +1289,30 @@ export default {
|
|
|
padding: 0 60px;
|
|
padding: 0 60px;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
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;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|