perf:统一layout宽度

Yi.Bbs.Vue3/src/views/home/Index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div style="width: 1200px">
+  <div class="home-box">
     <el-row :gutter="20" class="top-div">
       <el-col :span="17">
         <div class="scrollbar">
@@ -157,48 +157,52 @@ const statisOptions = computed(() => {
   };
 });
 </script>
-<style scoped>
-.introduce {
-  color: rgba(0, 0, 0, 0.45);
-  font-size: small;
-}
-
-.plate {
-  background: transparent !important;
-}
-
-.left-div .el-col {
-  background-color: #ffffff;
-
-  margin-bottom: 1rem;
-}
-
-.right-div .el-col {
-  background-color: #ffffff;
-  margin-bottom: 1rem;
-}
-
-.carousel-font {
-  position: absolute;
-  z-index: 1;
-  top: 10%;
-  left: 10%;
-}
-
-.top-div {
-  padding-top: 0.5rem;
-}
-
-.scrollbar {
-  display: block;
-  margin-bottom: 0.5rem;
-}
-.VisitsLineChart >>> .el-card__body {
-  padding: 0.5rem;
-}
-
-.statisChart {
+<style scoped lang="scss">
+.home-box {
   width: 100%;
-  height: 300px;
+  height: 100%;
+  .introduce {
+    color: rgba(0, 0, 0, 0.45);
+    font-size: small;
+  }
+
+  .plate {
+    background: transparent !important;
+  }
+
+  .left-div .el-col {
+    background-color: #ffffff;
+
+    margin-bottom: 1rem;
+  }
+
+  .right-div .el-col {
+    background-color: #ffffff;
+    margin-bottom: 1rem;
+  }
+
+  .carousel-font {
+    position: absolute;
+    z-index: 1;
+    top: 10%;
+    left: 10%;
+  }
+
+  .top-div {
+    padding-top: 0.5rem;
+  }
+
+  .scrollbar {
+    display: block;
+    margin-bottom: 0.5rem;
+  }
+  .VisitsLineChart >>> .el-card__body {
+    padding: 0.5rem;
+  }
+
+  .statisChart {
+    width: 100%;
+    height: 300px;
+  }
 }
 </style>