shell/pages/index/correction.vue

<template>
	<view class="content">
		<homenav :iStatusBarHeight="iStatusBarHeight" :title="'纠错'"></homenav>
		<view class="box">
			<view class="line">
				<view class="lineTitle">纠错类型</view>
				<view class="lineCont">VIN解析纠错</view>
			</view>
			<view class="line">
				<view class="lineTitle">VIN</view>
				<view class="lineCont">VIN222222222222</view>
			</view>
			<view class="line">
				<view class="lineTitle">车型</view>
				<view class="lineCont">奥迪奥迪奥迪奥迪奥迪奥迪奥迪奥迪CCCC奥迪奥迪奥迪奥迪奥迪奥迪奥迪奥迪1019</view>
			</view>
			<view class="line">
				<view class="lineTitle">错误说明</view>
				<view class="lineCont">
					<textarea class="lineConttextarea" placeholder="请输入" name="" id=""></textarea>
				</view>
			</view>
			<view class="line" style="border: none;">
				<view class="lineTitle">上传图片</view>
				<view class="lineCont lineImgBox">
					<image class="lineImg" src="/static/img/noimg.png" mode=""></image>
					<image class="lineImg" src="/static/img/scimg.png" mode=""></image>
				</view>
			</view>
			

        <view class="btnBox">
			<view class="btn">提交</view>
		</view>
		</view>

	</view>
</template>

<script>
	import nodata from '../../components/nodata/nodata.vue'
	import homenav from "../../components/homenav/nav.vue"
	export default {
		components: {
            nodata,homenav
		},
		data() {
			return {
              iStatusBarHeight:'',
			  optdata:'',
			}
		},
		onLoad(opt) {
			  console.log(opt)
			   this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
              this.optdata=opt;
			 
		},
		methods: {
			
			
		}
	}
</script>

<style scoped>
.jtImg{
	width: 26rpx;height: 26rpx;
}
.line{
	padding: 20rpx 24rpx;
	border-bottom: 1px solid #eaeaea;
	display: flex;font-size: 28rpx;
	color: #333;
}
.lineTitle{
	width: 150rpx;
}
.lineCont{
	color: #666;
	width: 550rpx;
}
.lineConttextarea{
	height: 180rpx;width: 520rpx;
	border: 1px solid #eaeaea;
	padding: 16rpx;
}
.lineImg{
	width: 160rpx;
	height: 160rpx;
	margin-right: 20rpx;
}
.btnBox{
	padding-top: 200rpx;
	display: flex;justify-content: center;
}
.btn{
	width: 600rpx;
	height: 80rpx;
	text-align: center;
	line-height: 80rpx;
	color: #fff;
	font-size: 32rpx;
    background: #FF4F00;
	border-radius: 16rpx;

}
</style>