caimei-applets-weisha/components/cm-module/productDetails/secondDeatail.vue

<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"
	
	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 30rpx 30rpx 30rpx;
			color: #333333;
			font-size: 24rpx;
			text-align: left;
		}
</style>