<template>
	<view class="">
		<headers :showBack="true">
			<view class="headerName">
				查看详情
			</view>
		</headers>
		<view class="main">
			<view class="head">
				【#梅大高速塌方货车司机夫妇喊停后车#：车身长掉头时堵路摆手拦住后车】
			</view>
			<view class="hint">
				#梅大高速塌方货车司机大车堵路喊停来车#据广东梅州大埔县委宣传部通报，截至5月1日15时，事故造成20辆车陷落，涉及54人，其中24人死亡，30人正在医院全力救治。1日2时许，在梅大高速驶向泉州的冷藏车司机王先生和妻子发现异常。王先生回忆，当时他们距离塌方路段约100多米，看到几辆小车逆行驶来，“我赶紧降速打双闪，有个大姐说前面道路塌陷起火了。我尝试掉头，冷藏车车身较长把路堵住了，后车都纷纷减速了，后来我把车回正，和妻子下车摆手示意让后车停车。”
			</view>
			<image class="picture" src="../../static/titleBg.png" mode=""></image>
			<view class="time">
				2023-12-12 02:00:00
			</view>
		</view>
		<view class="btn">
			处置违规
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.main{
		padding: 24rpx;
		padding-bottom: 100rpx;
		.head{
			font-size: 36rpx;
			font-weight: 700;
			margin-bottom: 48rpx;
		}
		.hint{
			font-size: 28rpx;
			color: #666;
			margin-bottom: 48rpx;
		}
		.picture{
			width: 100%;
			margin-bottom: 48rpx;
		}
		.time{
			display: flex;
			justify-content: flex-end;
		}
	}
	.btn{
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 48px;
		background-color: #1E90FF;
		color: #fff;
		font-size: 30rpx;
		font-weight: 700;
		text-align: center;
		line-height: 48px;
	}
</style>