feat：完善舆情页面

src/styles/common.scss

@@ -19,9 +19,18 @@
 .justify-evenly {
   justify-content: space-evenly;
 }
+.gap-8 {
+  gap: vh(8) vw(8);
+}
 .mb-6 {
   margin-bottom: vh(6) !important;
 }
+.ml-8 {
+  margin-left: vw(8) !important;
+}
+.mr-8 {
+  margin-right: vw(8) !important;
+}
 .pt-10 {
   padding-top: vh(10) !important;
 }

src/styles/screen.scss

@@ -1,16 +1,16 @@
-@use "sass:math";
+@use 'sass:math';
 
 //默认设计稿的宽度
-$designWidth:3840;
+$designWidth: 3822;
 //默认设计稿的高度
-$designHeight:1080;
+$designHeight: 1080;
 
 //px转为vw的函数
 @function vw($px) {
-  @return math.div($px , $designWidth) * 100vw;
+  @return math.div($px, $designWidth) * 100vw;
 }
 
 //px转为vh的函数
 @function vh($px) {
-  @return math.div($px , $designHeight) * 100vh;
+  @return math.div($px, $designHeight) * 100vh;
 }