fix 优化

This commit is contained in:
duanliang
2026-01-13 11:05:05 +08:00
parent c864132820
commit 4b77459658
4 changed files with 21 additions and 12 deletions

View File

@@ -119,14 +119,14 @@
</div> </div>
</div> </div>
<div class="box-1"> <div class="box-1" >
<Title3 title="客源地TOP5" /> <Title3 title="客源地TOP5" />
<RegionTop :list="homeStore.userPortraitData.provinceRate" width="100%" :height="150" /> <RegionTop :list="homeStore.userPortraitData.provinceRate" width="100%" :height="160" />
</div> </div>
<div class="box-1"> <div class="box-1">
<Title3 title="购票渠道" /> <Title3 title="购票渠道" />
<TicketSource :list="homeStore.userPortraitData.channel" width="100%" :height="150" /> <TicketSource :list="homeStore.userPortraitData.channel" width="100%" :height="160" />
</div> </div>
</div> </div>
@@ -302,7 +302,7 @@
} }
.age-box { .age-box {
width: vw(400); width: vw(400);
height: vh(650); height: vh(680);
background-image: url('@/assets/images/bg-3.png'); background-image: url('@/assets/images/bg-3.png');
background-size: 100% 100%; background-size: 100% 100%;
&:nth-child(1) { &:nth-child(1) {
@@ -311,8 +311,8 @@
} }
.box-1 { .box-1 {
width: vw(400); width: vw(400);
height: 100%; height: vh(680);
height: vh(650);
background-image: url('@/assets/images/bg-3.png'); background-image: url('@/assets/images/bg-3.png');
background-size: 100% 100%; background-size: 100% 100%;
&:nth-child(2) { &:nth-child(2) {

View File

@@ -161,16 +161,19 @@
} }
} }
.statistic { .statistic {
// margin:vh(10);
&-box { &-box {
height: vh(194); height: vh(230);
margin: 0 vw(26); margin: 0 vw(26);
gap: vw(20); // gap: vw(20);
display: flex; display: flex;
align-items: center; align-items: center;
margin-top:vh(10); margin-top:vh(20);
flex-wrap: wrap;
} }
&-item { &-item {
flex: 1; // flex: 1;
width:32%;
} }
&-item__label { &-item__label {
margin-bottom: vh(26); margin-bottom: vh(26);

View File

@@ -54,13 +54,13 @@
</div> </div>
</div> </div>
<div class="flex"> <div class="flex">
<div style="height: 100%;" class="border mr-8 flex-1"> <div class="border mr-8 flex-1">
<div class="pt-10"> <div class="pt-10">
<Title3 title="今日景区车流量" /> <Title3 title="今日景区车流量" />
</div> </div>
<Line width="100%" :height="133" :data="carBearData" :xAxisData="carBearXAxisData" /> <Line width="100%" :height="133" :data="carBearData" :xAxisData="carBearXAxisData" />
</div> </div>
<div style="height: 100%;" class="border flex-1"> <div class="border flex-1">
<div class="pt-10"> <div class="pt-10">
<Title3 title="车辆归属地占比" /> <Title3 title="车辆归属地占比" />
</div> </div>
@@ -325,6 +325,9 @@ import pubSub from 'pubsub-js'
box-sizing: border-box; box-sizing: border-box;
background-image: url('@/assets/images/bg-3.png'); background-image: url('@/assets/images/bg-3.png');
background-size: 100% 100%; background-size: 100% 100%;
.border {
height:vh(628) !important;
}
.header { .header {
// display: flex; // display: flex;
margin-top: vh(20); margin-top: vh(20);

View File

@@ -207,6 +207,9 @@
padding-bottom: vh(150); padding-bottom: vh(150);
background-image: url('@/assets/images/bg-3.png'); background-image: url('@/assets/images/bg-3.png');
background-size: 100% 100%; background-size: 100% 100%;
&::-webkit-scrollbar {
width: vw(0); /* 滚动条的宽度 */
}
&-item { &-item {
// display: flex; // display: flex;
// align-items: center; // align-items: center;