shell/pages/index/carConfiguration.vue

<template>
	<view class="content">
	  <view class="top">
	  	 <view class="carBrand">宝马</view>
		 <view class="carName">宝马-iX3-华晨宝马</view>
	  </view>
	  <view class="box">
		  <view class="line">
			  <view class="lineLeft">品牌</view>
			  <view class="lineRight">宝马</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">车型</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">销售名称</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">款型年份</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">生产年份</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">停产年份</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">排量</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">进气形式</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">燃油类型</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
		  <view class="line">
			  <view class="lineLeft">发动机型号</view>
			  <view class="lineRight">宝马 iX3 G08 电动</view>
		  </view>
	  </view>
	  
	</view>
</template>

<script>
	export default {
		components: {
			
		},
		data() {
			return {
				
			}
		},
		onLoad(opt) {
         
		},
		methods: {
           
		}
	}
</script>

<style scoped>
.top{
	background: url('http://dmsphoto.66km.com.cn/thFiles/AFCBDA6F-03C0-46C0-9090-9A34C125D140.png') no-repeat;
	background-size: 100%;
	width: 750rpx;height: 250rpx;
	background-position: right bottom;
}
.carBrand{
	font-weight: 500;font-size: 44rpx;
	color: #FFFFFF;padding-left: 24rpx;
	line-height: 62rpx;padding-top: 30rpx;
}
.carName{
	font-weight: 400;font-size: 28rpx;
	color: #FFFFFF;padding-left: 24rpx;
	line-height: 40rpx;padding-top: 26rpx;
}
.box{
	width: 750rpx;
	background: #FFFFFF;
	padding-top: 20rpx;
	border-radius: 24rpx 24rpx 0rpx 0rpx;
	margin-top: -40rpx;
}
.line{
	display: flex;font-size: 28rpx;line-height: 40rpx;padding: 20rpx 24rpx;
}
.lineLeft{
	color: #999999;width: 180rpx;
}
.lineRight{
	color: #3C3C3C;
}
</style>