epc/pages/mobile/CarDetail.vue

<template>
	<view class="box">
		<view class="top">{{chexing}}</view>
		<view class="mainBox">
			
			<view class="workBox2" v-for="(item,index) in chexingMesList" :key="index">
					
					<view class="titleBox">{{item.title}}</view>
					<view v-for="(v,index2) in item.content" :key="index2">
						<view class="comtent2">
							<view class="left2">{{v.k}}</view>
							<view class="right2">{{v.v}}</view>
						</view>
					</view>
						
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
				chexingMesList:[],
				chexing:'',
			}
		},
		onLoad(opt) {
			var list = uni.getStorageSync('chexingMesList');
			this.chexingMesList = list[0].views;
			console.log('list',this.chexingMesList);
			this.chexing = uni.getStorageSync('chexing');
		},
		methods: {
			
		}
	}
</script>

<style>
	.box {
		min-height: 100vh;
		background: #F4F5F7;
		
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}
	.top{
		background: #FFFFFF;
		padding: 20rpx 24rpx;
		color: #333333;
		font-size: 30rpx;
		font-weight: bold;
		margin-bottom: 20rpx;
	}
	.mainBox {
		background: #FFFFFF;
		min-height: 100vh;
	}
	.titleBox{
		font-size: 30rpx;
		color: #333333;
		font-weight: bold;
		padding-bottom: 20rpx;
	}
	
	.comtent2 {
		display: flex;
		align-items: baseline;
		font-size: 26rpx;
		padding-bottom: 20rpx;
	}
	.workBox2{
		
		background: #FFFFFF;
		border-bottom: 1rpx solid #EEEEEE;
		padding: 20rpx 24rpx 0rpx;
		
	}
	
	.left2 {
		width: 40%;
		color: #999999;
		
	}
	
	.right2 {
		width: 60%;
		color: #333333;
		margin-right: 10rpx;
		word-break:break-all;
	}
</style>