50 lines
1.1 KiB
Vue
50 lines
1.1 KiB
Vue
<template>
|
||
<!-- 检测事件列表 -->
|
||
<view class="page_padding">
|
||
<view class="padd_bot12 font14">
|
||
<text>安全生产监控设备检测事件列表</text>
|
||
</view>
|
||
<view class="page_list contentboxsty flex_layout">
|
||
<view class="content_left padd_rigth12">
|
||
<image class="img" src="http://dm-auto.oss-cn-shanghai.aliyuncs.com/mes_wechat/background.png" mode=""></image>
|
||
</view>
|
||
<view class="content_right">
|
||
<view class="content_row font13">
|
||
2024-01-11 19:09:56
|
||
</view>
|
||
<view class="content_row tip font_bold font14">
|
||
穿越警戒线
|
||
</view>
|
||
<view class="content_row font12">
|
||
(检测到指定区域内有目标越过警戒线，请注意安全)
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss">
|
||
.page_list{padding: 12px;}
|
||
.content_left{
|
||
flex-basis: 126px;height: 96px;
|
||
.img{width: 100%;height: 100%;border-radius: 8px;}
|
||
}
|
||
.content_right{
|
||
flex:1;
|
||
.tip{color: #FA3758;padding: 6px 0 5px 0;}
|
||
}
|
||
</style>
|