|
|
|
@ -8,18 +8,20 @@ |
|
|
|
|
<view class="fields"> |
|
|
|
|
<view class="field"> |
|
|
|
|
<image class="icon" src="@/static/image/product/1.png"></image> |
|
|
|
|
市场建议价:{{ form.mall.marketUnitPrice }}元/年 |
|
|
|
|
市场建议价:{{ form.mall.marketUnitPrice || '' }}元/年 |
|
|
|
|
</view> |
|
|
|
|
<view class="field"> |
|
|
|
|
<image class="icon" src="@/static/image/product/2.png"></image> |
|
|
|
|
产品类型:{{ form.goodsRes.typeName }} |
|
|
|
|
产品类型:{{ form.goodsRes.typeName || '' }} |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<view class="detail"> |
|
|
|
|
<ul class="tabs"> |
|
|
|
|
<li v-for="(tab, i) in tabs" :class="{active: curTab === tab.id}" @click="tabChange(tab)">{{ tab.name }}</li> |
|
|
|
|
<li :class="{active: curTab === 0}" @click="tabChange(0)">详情介绍</li> |
|
|
|
|
<li :class="{active: curTab === 1, disabled: !form.interfaceDiagram}" @click="tabChange(1)">界面图</li> |
|
|
|
|
<li :class="{active: curTab === 2, disabled: !form.mallAnnex || !form.mallAnnex.length}" @click="tabChange(2)">参数</li> |
|
|
|
|
</ul> |
|
|
|
|
<view class="title"> |
|
|
|
|
<image class="icon" src="@/static/image/product/3.png"></image> |
|
|
|
@ -208,7 +210,8 @@ |
|
|
|
|
}).catch(e => {}) |
|
|
|
|
}, |
|
|
|
|
// tab切换 |
|
|
|
|
tabChange({ id }) { |
|
|
|
|
tabChange(id) { |
|
|
|
|
if ((id === 1 && !this.form.interfaceDiagram) || (id === 2 && (!form.mallAnnex || !form.mallAnnex.length))) return false |
|
|
|
|
this.curTab = id |
|
|
|
|
id == 1 && uni.pageScrollTo({ |
|
|
|
|
selector: '#pics', |
|
|
|
@ -352,6 +355,9 @@ |
|
|
|
|
background-color: #007EFF; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.disabled { |
|
|
|
|
color: #b3b3b3; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.detail { |
|
|
|
|
padding: 34rpx 32rpx; |
|
|
|
@ -416,6 +422,9 @@ |
|
|
|
|
color: #f00; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
.swiper-box { |
|
|
|
|
min-height: 250px; |
|
|
|
|
} |
|
|
|
|
.pic { |
|
|
|
|
width: 100%; |
|
|
|
|
} |
|
|
|
|