二手详情

components/cm-module/productDetails/secondBrand.vue

@@ -0,0 +1,43 @@
+<template name="secondBrand">
+	<view class="secondBrand">
+		<view class="secondBrand-empty" v-if="product.brandInfo==''||product.brandInfo==null">暂无品牌信息</view>
+		<p>{{product.brandInfo}}</p>
+	</view>
+</template>
+
+<script>
+	export default{
+		name:'secondBrand',
+		data(){
+			return{
+			 }
+			},
+			props:{
+				product:{
+					type:Object,
+				},
+			}
+		}
+</script>
+
+<style>
+	.secondBrand{
+		width: 702rpx;
+		margin: auto;
+	}
+	.secondBrand p{
+		padding: 20rpx;
+		font-size: 28rpx;
+		color: #666666;
+		line-height: 48rpx
+	}
+	.secondBrand-empty{
+		width: 702rpx;
+		height: 100rpx;
+		line-height: 100rpx;
+		padding: 0 24rpx;
+		font-size: 28rpx;
+		color: #999999;
+		text-align: center;
+	}
+</style>

components/cm-module/productDetails/secondDeatail.vue

@@ -1,8 +1,73 @@
-<template>
+<template name="secondDeatail">
+	<view class="secondDeatail clearfix">
+		<view class="Disclaimer">
+			<h3>免责声明:</h3>
+			<p>
+				鉴于本网站提供的二手版块信息包括但不限于公司名称，商品的简介、性能、描述与说明，相关图片、视频等均由卖家自行提供，由卖家对其提供的信息承担相应法律责任。买家应自行甄别商品信息并查验商品性状。本网站对二手版块中买卖双方的交易不提供任何形式的担保与保证，特此声明！
+			</p>
+	    </view>
+		<view class="contentHtml">
+			<view class="detailsText" v-if="product.productDetails!=''||product.productDetails!=null"  >{{product.productDetails}}</view>
+			   <view class="imgList" v-for="(item, index) in product.imageList" :key="index" :data-src="item">
+				   <img :src="item"/>
+			   </view>
+		</view>
+		
+	</view>
 </template>
 
 <script>
+	import authorize from '@/common/config/authorize.js'
+	import tuiLoadmore from "@/components/tui-components/loadmore/loadmore"
+	import tuiNomore from "@/components/tui-components/nomore/nomore"
+	import { queryRelevant } from "@/api/product.js" 
+	
+	export default{
+		name:'secondDeatail',
+		props:{
+			product:{
+				type:Object,
+			  }
+			},
+		data() {
+			return{
+			}
+		},
+		}
 </script>
 
 <style>
+	.Disclaimer{
+		width: 702rpx;
+		background: #F7F7F7;
+		color:#333333 ;
+		line-height: 48rpx;
+		margin:20rpx auto;
+		border-radius: 4rpx;
+		}
+		.Disclaimer h3{
+		color: 28rpx;
+		padding: 20rpx 15rpx 0rpx 15rpx
+		}
+		.Disclaimer ._p{
+		font-size: 24rpx;
+		color: #666666;
+		padding: 10rpx 15rpx
+		}
+		.imgList{
+			width: 702rpx; 
+			margin: auto;
+			height: 710rpx;
+			margin-bottom: 20rpx;
+		}
+		.imgList img{
+			width: 100%;
+			height: 100%;
+			
+		}
+		.detailsText{
+			padding: 0 0rpx 20rpx 22rpx;
+			color: #333333;
+			font-size: 24rpx;
+		}
 </style>

pages/goods/secondProduct.vue

@@ -70,10 +70,11 @@
 				</view>
 				<!-- 商品详情,品牌信息,相关推荐-->
 				<view class="content tui-banner tui-skeleton-rect" v-if="tabCurrentIndex === 0">
-					<parser :html="html" :img-mode="widthFix"></parser>
+					<secondDeatail :product="product"></secondDeatail>
 				</view>
 				<view class="content band" v-if="tabCurrentIndex === 1">
-					<recommend :query-productid="product.productID" v-if="isRecommend"></recommend>
+					<secondBrand :product="product"></secondBrand>
+					<!-- <recommend :query-productid="product.productID" v-if="isRecommend"></recommend> -->
 				</view>
 				<view class="content hot" v-if="tabCurrentIndex === 2">
 					<recommend :query-productid="product.productID" v-if="isRecommend"></recommend>
@@ -92,6 +93,8 @@
 	import parser from "@/components/jyf-Parser/index" //富文本处理
 	import tuiSkeleton from "@/components/tui-skeleton/tui-skeleton"
 	import recommend from "@/components/cm-module/productDetails/recommend" //相关推荐
+	import secondDeatail from "@/components/cm-module/productDetails/secondDeatail" // 商品信息
+	import secondBrand from "@/components/cm-module/productDetails/secondBrand" // 品牌信息
 	import wxLogin from "@/common/config/wxLogin.js"
 	import { queryProductDetils } from "@/api/product.js" 
 	import { shoppingAddCart } from "@/api/cart.js" 
@@ -104,6 +107,8 @@
 			recommend,
 			secondPrice,
 			secondAttributes,
+			secondDeatail,
+			secondBrand
 		},
 		data(){
 			return{