feat:完善样式

This commit is contained in:
zjc
2024-12-20 12:56:03 +08:00
parent c9b4f315e5
commit cfba180177
13 changed files with 924 additions and 47 deletions

View File

@@ -46,7 +46,18 @@
</div>
<Title3 title="景区排队人数" />
<div class="pt-20">
<Line :width="370" :height="140" />
<Line
:width="370"
:height="140"
:config="{ legend: false }"
:data="[
{
name: '企业数',
data: [64, 159, 112, 86, 151, 131, 118, 232, 23, 64, 159, 112, 86, 151, 131, 118]
}
]"
:xAxisData="xAxisData"
/>
</div>
</div>
<div class="box">
@@ -71,7 +82,35 @@
</div>
<Title3 title="今日景区承载量" />
<div class="pt-20">
<Line :width="370" :height="140" />
<Line
:width="370"
:height="140"
:config="{ legend: false }"
:data="[
{
name: '企业数',
data: [64, 159, 112, 86, 151, 131, 118, 232, 23, 64, 159, 112, 86, 151, 131, 118]
}
]"
:xAxisData="[
'12-16 10:00',
'12-16 14:00',
'12-16 16:00',
'12-16 22:00',
'12-17 02:00',
'12-17 06:00',
'12-17 10:00',
'12-17 14:00',
'12-17 16:00',
'12-16 22:00',
'12-18 02:00',
'12-18 06:00',
'12-8 10:00',
'12-18 14:00',
'12-18 16:00',
'12-18 20:00'
]"
/>
</div>
</div>
</div>
@@ -142,6 +181,24 @@
import top from './top.vue'
import gauge from './gauge.vue'
import ticket from './ticket.vue'
let xAxisData = ref([
'12-16 10:00',
'12-16 14:00',
'12-16 16:00',
'12-16 22:00',
'12-17 02:00',
'12-17 06:00',
'12-17 10:00',
'12-17 14:00',
'12-17 16:00',
'12-16 22:00',
'12-18 02:00',
'12-18 06:00',
'12-8 10:00',
'12-18 14:00',
'12-18 16:00',
'12-18 20:00'
])
</script>
<style lang="scss" scoped>