zhgdyunapp_vue3/pages/messageTask/messageDetail.vue

64 lines
1.7 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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>