全屏

src/views/sentiment/index.vue

@@ -20,7 +20,7 @@
           </div>
         </div>
       </div>
-      <div class="box-2 mr-8">
+      <div class="box-2 mr-8" :class="homeStore.amplify?'':'coll-box'">
         <div class="flex justify-center">
           <div class="top flex justify-evenly">
             <count-item label="今日舆情总数" :count="total" suffix="条" color="#ffffff" />
@@ -41,7 +41,7 @@
       </div>
     </div>
     <div class="flex mt-8">
-      <div class="box-2 mr-8 rela">
+      <div class="box-2 mr-8 rela" :class="homeStore.amplify?'':'coll-box'">
         <Title1 title="舆情指数" />
         <div class="select-box">
           <Select
@@ -51,13 +51,16 @@
             @on-change="getLineChart"
           />
         </div>
-        <Line
+		<div class="coll-box-3">
-          :width="1500"
+			<Line
-          :height="400"
+			  :width="1500"
-          :data="seriesData"
+			  :height="400"
-          :xAxisData="xAxisData"
+			  :data="seriesData"
-          :seriesConfig="{ smooth: false, symbol: 'circle' }"
+			  :xAxisData="xAxisData"
-        />
+			  :seriesConfig="{ smooth: false, symbol: 'circle' }"
+			/>
+		</div>
+      
       </div>
       <div class="box-4 mr-8 rela">
         <Title1 title="地域分析" />
@@ -82,7 +85,8 @@
     getTotalApi,
     getSpotApi
   } from '@/api/sentiment.js'
-
+ import { useHomeStore } from '@/stores/home'
+ const homeStore = useHomeStore()
   let seriesData = ref([])
   let xAxisData = ref([])
   let hotNewList = ref([])
@@ -134,6 +138,7 @@
 </script>
 
 <style scoped lang="scss">
+	
   .select-box {
     position: absolute;
     z-index: 99;
@@ -248,4 +253,11 @@
       }
     }
   }
+  .container .coll-box{
+  	width:100%;
+	.coll-box-3{
+		display:flex;
+		justify-content: center;
+	}
+  }
 </style>