完成屏幕适配功能

src/views/bottomLeft.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="bottomLeft">
-    <div class="bg-color-black ">
+    <div class="bg-color-black">
       <div class="d-flex pt-2 pl-2">
         <span style="color:#5cd9e8">
           <icon name="chart-bar"></icon>
@@ -25,31 +25,30 @@ export default {
   components: {
     bottomLeftChart
   },
-  mounted() {
-  },
+  mounted() {},
   methods: {}
 };
 </script>
 
 <style lang="scss">
 #bottomLeft {
-  padding: 1.5rem 1rem;
-  height: 520px;
-  min-width: 300px;
-  border-radius: 5px;
+  padding: 0.3rem 0.2rem;
+  height: 6.5rem;
+  min-width: 3.75rem;
+  border-radius: 0.0625rem;
   .bg-color-black {
-    height: 485px;
-    border-radius: 10px;
+    height: 6.0625rem;
+    border-radius: 0.125rem;
   }
   .text {
     color: #c3cbde;
   }
   .chart-box {
-    margin-top: 1rem;
-    width: 170px;
-    height: 170px;
+    margin-top: 0.2rem;
+    width: 2.125rem;
+    height: 2.125rem;
     .active-ring-name {
-      padding-top: 10px;
+      padding-top: 0.125rem;
     }
   }
 }