|
|
@@ -48,9 +48,10 @@
|
|
|
<div class="com-info">
|
|
|
<span class="name">库 存</span>:<span v-text="commodity.reserve || 0"></span>
|
|
|
(<span v-text="commodity.minBuyQty || 1"></span>个起订)
|
|
|
+ <span :class="commodity.breakUp?'div-sell can-div-sell':'div-sell not-div-sell'" v-text="commodity.breakUp?'可拆卖':'不可拆卖'" ></span>
|
|
|
</div>
|
|
|
<div class="com-info">
|
|
|
- <span class="name">货 期</span>:
|
|
|
+ <span class="name">交 期</span>:
|
|
|
<div class="delivery">
|
|
|
<span v-text="commodity.b2cMinDelivery || 0"></span>
|
|
|
<span v-if="commodity.b2cMaxDelivery && commodity.b2cMaxDelivery !== commodity.b2cMinDelivery">-</span>
|
|
|
@@ -612,4 +613,36 @@ export default {
|
|
|
#commodity-info-fragment{
|
|
|
margin-bottom: 20px;
|
|
|
}
|
|
|
+
|
|
|
+ .commodity-detail .content .com-info .div-sell {
|
|
|
+ font-size: 14px;
|
|
|
+ height: 16px;
|
|
|
+ line-height: 16px;
|
|
|
+ color: #fff;
|
|
|
+ padding: 0 5px;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .commodity-detail .content .com-info .can-div-sell {
|
|
|
+ background: #5078cb;
|
|
|
+ }
|
|
|
+ .commodity-detail .content .com-info .not-div-sell {
|
|
|
+ background: #fc8200;
|
|
|
+ }
|
|
|
+ .commodity-detail .content .com-info .can-div-sell:before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ left: -8px;
|
|
|
+ top: 10px;
|
|
|
+ border-left: 8px solid transparent;
|
|
|
+ border-bottom: 6px solid #5078cb;
|
|
|
+ }
|
|
|
+ .commodity-detail .content .com-info .not-div-sell:before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ left: -8px;
|
|
|
+ top: 10px;
|
|
|
+ border-left: 8px solid transparent;
|
|
|
+ border-bottom: 6px solid #fc8200;
|
|
|
+ }
|
|
|
</style>
|