49 lines
1.0 KiB
Vue
49 lines
1.0 KiB
Vue
<!-- 事件页：展示事件筛选头与空状态占位，后续可接入告警列表数据 -->
|
||
<template>
|
||
<view class="page page-base">
|
||
<view class="top-nav top-nav-base">
|
||
<view class="title top-nav-title-base">事件</view>
|
||
</view>
|
||
|
||
<view class="filters">
|
||
<view class="filter-item">全部场所</view>
|
||
<view class="filter-item">全部状态</view>
|
||
<view class="filter-item">时间</view>
|
||
</view>
|
||
|
||
<view class="empty-area empty-state">
|
||
<view class="empty-box empty-state-box"></view>
|
||
<text class="empty-text empty-state-text">暂无数据</text>
|
||
</view>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
// 当前为静态页占位，不包含交互逻辑。
|
||
export default {}
|
||
</script>
|
||
|
||
<style>
|
||
@import '@/styles/common.css';
|
||
|
||
.filters {
|
||
height: 92rpx;
|
||
background: #ffffff;
|
||
border-top: 1rpx solid #ededed;
|
||
display: flex;
|
||
align-items: center;
|
||
}
|
||
|
||
.filter-item {
|
||
flex: 1;
|
||
text-align: center;
|
||
font-size: 42rpx;
|
||
color: #3a3a3a;
|
||
font-weight: 600;
|
||
}
|
||
|
||
.empty-area {
|
||
min-height: 980rpx;
|
||
}
|
||
</style>
|