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:
zjc
2025-01-02 18:32:49 +08:00
parent d67ac75031
commit ab1ab210a9
23 changed files with 744 additions and 305 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/sentiment/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="container">
<div class="flex">
<div class="box-1 mr-10">
<div class="box-1 mr-8">
<Title1 title="最新舆情" />
<div class="list">
<div class="item" v-for="(item, index) in hotNewList" :key="index">
@@ -20,7 +20,7 @@
</div>
</div>
</div>
<div class="box-2 mr-10">
<div class="box-2 mr-8">
<div class="flex justify-center">
<div class="top flex justify-evenly">
<count-item label="今日舆情总数" :count="total" suffix="条" color="#ffffff" />
@@ -35,13 +35,13 @@
</div>
</div>
</div>
<div class="box-1">
<div class="box-3">
<Title1 title="数据来源分析" />
<data-source />
</div>
</div>
<div class="flex mt-10">
<div class="box-2 mr-10 rela">
<div class="flex mt-8">
<div class="box-2 mr-8 rela">
<Title1 title="舆情指数" />
<div class="select-box">
<Select v-model="params.id" :options="options" @on-change="getLineChart" />
@@ -54,11 +54,11 @@
:seriesConfig="{ smooth: false, symbol: 'circle' }"
/>
</div>
<div class="box-1 mr-10 rela">
<div class="box-1 mr-8 rela">
<Title1 title="地域分析" />
<Area />
</div>
<div class="box-1 mr-10">
<div class="box-3">
<Title1 title="词频分析" />
<word-cloud />
</div>
@@ -128,7 +128,9 @@
right: vw(10);
}
.container {
flex: 1;
margin-top: vh(120);
box-sizing: border-box;
.bg {
background: linear-gradient(321deg, #0b2f64 0%, #062b57 100%);
}
@@ -137,7 +139,7 @@
margin-top: vh(35);
}
.box-1 {
width: vw(780);
width: vw(790);
height: vh(470);
@extend .bg;
}
@@ -146,6 +148,11 @@
height: vh(470);
@extend .bg;
}
.box-3 {
width: vw(810);
height: vh(470);
@extend .bg;
}
.border {
background-image: url('@/assets/images/bg-3.png');
background-size: 100% 100%;