epc/pages/mobile/CarDetail.vue

<template>
	<view class="box">
		<view class="mainBox">
			
			<view class="workBox2" v-for="(item,index) in itemList" :key="index">
					
					<view class="titleBox">分组1</view>
					<view class="comtent2">
						<view class="left2">标题</view>
						<view class="right2">1201D0</view>
					</view>
					<view class="comtent2">
						<view class="left2">零件编号</view>
						<view class="right2">12</view>
					</view>
					
					<view class="comtent2">
						<view class="left2">名称</view>
						<view class="right2">1201D0</view>
					</view>
					<view class="comtent2">
						<view class="left2">位置</view>
						<view class="right2">12</view>
					</view>
					
					<view class="comtent2">
						<view class="left2">用量</view>
						<view class="right2">1201D0</view>
					</view>
					
								
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				itemList:[1,2,3,4]
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.box {
		min-height: 100vh;
		background: #F4F5F7;
		padding-top: 20rpx;
	}
	.mainBox {
		background: #FFFFFF;
		
	}
	.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;
		white-space: nowrap;
	}
	
	.right2 {
		width: 60%;
		color: #333333;
	}
</style>