|
|
@@ -44,19 +44,51 @@
|
|
|
<i class="iconfont icon-kefu1"></i>
|
|
|
<p>联系卖家</p>
|
|
|
</li>
|
|
|
- <li class="text-ellipse inline-block price-level" :class="{'active': component.attach && component.attach != '1'}" @click="goAttach(component.attach)">
|
|
|
+ <li class="text-ellipse inline-block price-level active" @click="goAttach(component.attach)">
|
|
|
<i class="iconfont icon-pdf"></i>
|
|
|
<p>数据手册</p>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="item-wrap">
|
|
|
+ <p>产品信息</p>
|
|
|
+ <div class="com-info">
|
|
|
+ <span class="name">品牌</span>:<span v-text="commodity.brandNameEn"></span>
|
|
|
+ </div>
|
|
|
+ <div class="com-info">
|
|
|
+ <span class="name no-letter">类目(产品名称)</span>:<span v-text="commodity.kindNameCn || '无类目信息'"></span>
|
|
|
+ </div>
|
|
|
+ <div class="com-info">
|
|
|
+ <span class="name">规格</span>:<span v-text="commodity.spec || '无规格信息'"></span>
|
|
|
+ </div>
|
|
|
+ <div class="com-info">
|
|
|
+ <span class="name">包装</span>:<span v-text="commodity.packaging || '无包装信息'"></span>
|
|
|
+ </div>
|
|
|
+ <div class="com-info">
|
|
|
+ <span class="name">最小包装数</span>:<span v-text="commodity.minPackQty || '无最小包装数信息'"></span>
|
|
|
+ </div>
|
|
|
+ <div class="com-info">
|
|
|
+ <span class="name">库存</span>:<span v-text="commodity.reserve || 0"></span><em style="margin-left: 3px;">PCS</em>
|
|
|
+ (<span v-text="commodity.minBuyQty || 1"></span>个起订)
|
|
|
+ <span class="can-div-sell" v-if="commodity.breakUp">可拆卖</span>
|
|
|
+ </div>
|
|
|
+ <div class="com-info">
|
|
|
+ <span class="name">交期</span>:
|
|
|
+ <div class="delivery inline-block">
|
|
|
+ <span v-text="commodity.b2cMinDelivery || 0"></span>
|
|
|
+ <span v-if="commodity.b2cMaxDelivery && commodity.b2cMaxDelivery !== commodity.b2cMinDelivery">-</span>
|
|
|
+ <span v-if="commodity.b2cMaxDelivery && commodity.b2cMaxDelivery !== commodity.b2cMinDelivery" v-text="commodity.b2cMaxDelivery || 0"></span>
|
|
|
+ <span>(天)</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<div class="params-wrap">
|
|
|
<p>产品参数</p>
|
|
|
<ul v-if="component.properties && component.properties.length">
|
|
|
<li v-for="prop in component.properties" v-if="prop.property">
|
|
|
<span class="inline-block text-ellipse" v-text="prop.property.labelCn"></span>
|
|
|
- <span class="inline-block text-ellipse" v-text="prop.value"></span>
|
|
|
+ <span class="inline-block text-ellipse" v-text="prop.value || '—'"></span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<div class="com-none-state" v-else>
|
|
|
@@ -194,10 +226,10 @@
|
|
|
}
|
|
|
}
|
|
|
.content-wrap {
|
|
|
- -webkit-box-shadow: 0 0 7px 0 rgba(143, 141, 141, 0.25);
|
|
|
- -moz-box-shadow: 0 0 7px 0 rgba(143, 141, 141, 0.25);
|
|
|
- box-shadow: 0 0 7px 0 rgba(143, 141, 141, 0.25);
|
|
|
- margin-bottom: .1rem;
|
|
|
+ -webkit-box-shadow: 0 -2px 7px 0 rgba(143, 141, 141, 0.25);
|
|
|
+ -moz-box-shadow: 0 -2px 7px 0 rgba(143, 141, 141, 0.25);
|
|
|
+ box-shadow: 0 -2px 7px 0 rgba(143, 141, 141, 0.25);
|
|
|
+ border-bottom: .1rem solid #f4f4f4;
|
|
|
.content-line {
|
|
|
height: 1.04rem;
|
|
|
border-bottom: .01rem solid #d9d9d9;
|
|
|
@@ -238,8 +270,13 @@
|
|
|
border-right: none;
|
|
|
}
|
|
|
p {
|
|
|
- font-size: .44rem;
|
|
|
+ font-size: .38rem;
|
|
|
color: #f42d29;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ max-width: 1.88rem;
|
|
|
+ margin: 0 auto;
|
|
|
span {
|
|
|
font-size: .22rem;
|
|
|
}
|
|
|
@@ -316,7 +353,7 @@
|
|
|
}
|
|
|
}
|
|
|
.params-wrap {
|
|
|
- background: #f4f4f4;
|
|
|
+ background: #fff;
|
|
|
padding: .29rem .23rem;
|
|
|
p {
|
|
|
font-size: .26rem;
|
|
|
@@ -347,6 +384,40 @@
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .item-wrap {
|
|
|
+ padding: .3rem 0;
|
|
|
+ border-bottom: .1rem solid #f4f4f4;
|
|
|
+ p {
|
|
|
+ font-size: .26rem;
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: .24rem;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .com-info {
|
|
|
+ padding-left: .5rem;
|
|
|
+ padding-right: .2rem;
|
|
|
+ line-height: .5rem;
|
|
|
+ overflow: hidden;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ white-space: nowrap;
|
|
|
+ .name {
|
|
|
+ color: #666;
|
|
|
+ }
|
|
|
+ .can-div-sell {
|
|
|
+ font-size: 0.18rem;
|
|
|
+ margin-left: 0.1rem;
|
|
|
+ display: inline-block;
|
|
|
+ height: .3rem;
|
|
|
+ line-height: .3rem;
|
|
|
+ width: .7rem;
|
|
|
+ text-align: center;
|
|
|
+ background: #3f84f6;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bold;
|
|
|
+ border-radius: 3px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.com-none-state {
|
|
|
padding: .2rem 0;
|