gonghao
/
local_alert
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

响应布局调整，容器高度限定，滚轮查看设置

This commit is contained in:
龚皓 2024-10-22 13:51:40 +08:00
parent b02b125dad
commit 7308c2f9bc
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/html/DataStatistics.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="alert-container"> <div class="alert-container">
<el-row class="bottom-pan"> <el-row class="bottom-pan">
<el-col :span="24" class="panel-bottom"> <el-col class="panel-bottom">
<Cameras/> <Cameras/>
</el-col> </el-col>
</el-row> </el-row>
@ -52,21 +52,26 @@ onMounted(async () => {
<style scoped> <style scoped>
.alert-container { .alert-container {
/* transform: scale(0.97); */
padding: 0; padding: 0;
margin: 0; margin: 0;
background-color: #f5f7fa; background-color: #f5f7fa;
overflow: auto;
height: 100vh;
} }
.top-pan { .top-pan {
/* padding: 10px; */ /* padding: 10px; */
/* margin-bottom: 10px; */ /* margin-bottom: 10px; */
display: flex; /* display: flex; */
gap: 5px; /* gap: 5px; */
background-color: #fff; background-color: #fff;
overflow: hidden; /* overflow: hidden; */
height: 55vh; /* height: 55vh; */
/* max-height: 450px; */
padding-left: 10px; padding-left: 10px;
padding-right:10px ; padding-right:10px ;
overflow-y: auto;
} }
.bottom-pan{ .bottom-pan{
margin: 0; margin: 0;