|
|
@@ -48,13 +48,21 @@
|
|
|
class="nav-item tui-skeleton-fillet"
|
|
|
:class="{ current: tabCurrentIndex === 2 }"
|
|
|
@click="tabClick(2)"
|
|
|
+ v-if="product.qualificationImg"
|
|
|
>
|
|
|
- <text>推荐</text> <text class="line"></text>
|
|
|
+ <text>商品资质</text> <text class="line"></text>
|
|
|
</view>
|
|
|
<view
|
|
|
class="nav-item tui-skeleton-fillet"
|
|
|
:class="{ current: tabCurrentIndex === 3 }"
|
|
|
@click="tabClick(3)"
|
|
|
+ >
|
|
|
+ <text>推荐</text> <text class="line"></text>
|
|
|
+ </view>
|
|
|
+ <view
|
|
|
+ class="nav-item tui-skeleton-fillet"
|
|
|
+ :class="{ current: tabCurrentIndex === 4 }"
|
|
|
+ @click="tabClick(4)"
|
|
|
v-if="product.archiveId !== 0"
|
|
|
>
|
|
|
<text>相关资料</text> <text class="line"></text>
|
|
|
@@ -271,8 +279,15 @@
|
|
|
</view>
|
|
|
<view class="content-none" v-else> <text>暂无服务项目</text> </view>
|
|
|
</view>
|
|
|
+ <!-- 商品资质 -->
|
|
|
+ <view class="product-details qualifications product-details2" v-if="product.qualificationImg">
|
|
|
+ <view class="title"><view class="title-tab">商品资质</view></view>
|
|
|
+ <view class="product-details-image">
|
|
|
+ <image class="qualificationImg-image" :src="product.qualificationImg" mode="aspectFill" @click="previewImg1(product.qualificationImg)"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
<!-- 相关推荐 -->
|
|
|
- <view class="product-details recommend product-details2">
|
|
|
+ <view class="product-details recommend product-details3">
|
|
|
<view class="title"> <view class="title-tab">相关推荐</view> </view>
|
|
|
<view class="content hot">
|
|
|
<recommend
|
|
|
@@ -284,7 +299,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 相关资料 -->
|
|
|
- <view class="product-details recommend product-details3" v-show="tabCurrentIndex === 3">
|
|
|
+ <view class="product-details recommend product-details4" v-show="tabCurrentIndex === 4">
|
|
|
<cm-product-doc
|
|
|
@previewImage="changePreViewImageStatus"
|
|
|
:archiveId="product.archiveId"
|
|
|
@@ -1239,6 +1254,14 @@ export default {
|
|
|
const index = e.detail.current
|
|
|
this.current = index
|
|
|
},
|
|
|
+ previewImg1(url){
|
|
|
+ let mentuzArray = []
|
|
|
+ mentuzArray.push(url)
|
|
|
+ uni.previewImage({
|
|
|
+ urls: mentuzArray,
|
|
|
+ current: 0
|
|
|
+ })
|
|
|
+ },
|
|
|
previewImg(index) {
|
|
|
//顶部商品图片预览
|
|
|
isPreviewImg = true
|
|
|
@@ -2248,9 +2271,6 @@ page {
|
|
|
width: 100%;
|
|
|
background: #ffffff;
|
|
|
border-bottom: 20rpx solid #f7f7f7;
|
|
|
- &.service {
|
|
|
- border-bottom: none;
|
|
|
- }
|
|
|
&.recommend {
|
|
|
background-color: #f7f7f7;
|
|
|
border-bottom: none;
|
|
|
@@ -2261,6 +2281,17 @@ page {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .product-details-image{
|
|
|
+ width: 100%;
|
|
|
+ min-height: 856rpx;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 24rpx;
|
|
|
+ .qualificationImg-image{
|
|
|
+ width: 100%;
|
|
|
+ height: 856rpx;
|
|
|
+ display: block;
|
|
|
+ }
|
|
|
+ }
|
|
|
.product-rich-text-none {
|
|
|
box-sizing: border-box;
|
|
|
padding: 0 24rpx;
|
