caimei-applets-caimei/components/cm-module/productDetails/cm-parameter.vue

<template name="cm-parameter">
	<!-- 相关参数 -->
	<view class="cm-parameter">
		<view class="cm-parameter-main clearfix">
			<view class="item-tabody clearfix" v-for="(item, index) in product.parametersList" :key="index" >
				<view class="item-td">{{item.paramsName}}</view>
				<view class="item-tr">{{item.paramsContent}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name:'cm-parameter',
		props:{
			product:{
				type:Object,
			}
		},
		data() {
			return{
				data:[]
			}
		},
		created() {
			
		},
		methods:{
			
		},
		
	}
</script>

<style lang="scss">
	.cm-parameter{
		width: 702rpx;
		height: auto;
		background: #FFF;
		margin: 0 auto;
		padding: 24rpx 0;
		.cm-parameter-main{
			display: flex;
			flex: 1;
			flex-direction: column;
			background-color: #FFFFFF;
			border: 1px solid #EFEFEF;
			border-radius: 4rpx;
			.item-tabody{
				width: 100%;
				height: auto;
				border-bottom: 1px solid #EFEFEF;
				font-size: $font-size-24;
				display: flex;
				flex-wrap: wrap;
				.item-td{
					width: 238rpx;
					float: left;
					border-right: 1px solid #EFEFEF;
					color: #999999;
					padding:20rpx;
					display: flex;
					flex: 3;
					flex-direction: column;
				}
				.item-tr{
					width: 462rpx;
					float: left;
					color: $text-color;
					padding:20rpx;
					display: flex;
					flex: 7;
					flex-direction: column;
				}
				&:last-child{
					border-bottom: none;
				}
			}
		}
	}
</style>