SEC_Warehouse/pages/event/index.vue

47 lines
906 B
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>