lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat 监控大屏、安全检测

Browse Source
This commit is contained in:
duanliang
2024-12-18 10:40:53 +08:00
parent 111133ffb4
commit 4a6820831b
25 changed files with 1984 additions and 311 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
src/views/home/components/box-3.vue
View File

@@ -1,5 +1,4 @@
<template>
<<<<<<< HEAD
<div class="box-3">
<div class="header">
<div class="flex">
@@ -243,133 +242,4 @@
}
}
}
</style>
=======
<!-- 内容 -->
<div class="box-3-content">
<!-- header -->
<div class="header">
<div class="li-1">
今年总游客数
<div class="li-num">
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
</div>
</div>
<div class="li-1">
全县区总游客人数
<div class="li-num">
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
</div>
</div>
<div class="li-1">
全在园人数
<div class="li-num">
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
<span>6</span>
</div>
</div>
<div class="li-1 li-2">
景区安全度 <span class="color1">安全</span>
</div>
<div class="li-1 li-2">
景区游玩舒适度 <span class="color1">舒适</span>
</div>
<div class="li-1 li-2">
景区接待情况 <span class="color2">排队</span>
</div>
<div class="li-1 li-2">
交通拥挤度 <span class="color1">舒适</span>
</div>
<div class="li-1 li-2">
停车场负荷度 <span class="color1">超负荷</span>
</div>
</div>
<!-- section -->
<div class="section">
</div>
<!-- footer -->
<div class="footer">
</div>
</div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.box-3-content{
// margin-top:200px;
.header{
margin:0 auto;
width:vw(1618);
height:vh(128);
background-image: url('/src/assets/images/header-top-bg.png');
background-size: contain;
display: flex;
align-items: center;
justify-content: center;
.li-2{
text-align: center;
span{
display: block;
font-size:vw(28);
font-weight: bold;
margin-top:vw(10);
text-align: center;
}
.color1{
color:#02F9FA;
}
.color2{
color:#FF4400;
}
.color3{
color:#E21B1B;
}
}
.li-1{
font-weight: 400;
font-size: vw(16);
color: rgba(255,255,255,0.9);
text-align: left;
font-style: normal;
text-transform: none;
margin-right:vw(10);
.li-num{
margin-top:vh(10);
span{
display: inline-block;
margin:vw(2);
width: vw(40);
height: vh(40);
line-height: vh(40);
text-align: center;
font-weight: bold;
font-size:vw(28);
background: linear-gradient( 180deg, #00B7FF 0%, #0033FF 100%);
border-radius: vw(4);
border: 1px solid;
border-image: linear-gradient(180deg, rgba(55, 216, 252, 0), rgba(131, 226, 255, 1)) 1 1;
}
}
}
}
}
</style>
>>>>>>> 897d91a9c6208a60428d9db9f9bd4745e1233705
</style>