feat:更新运动健康模块

src/styles/home/bill.mobile.module.scss

@@ -7,66 +7,6 @@
     align-self: center;
   }
 
-  .bill-chart {
-    display: grid;
-    grid-template-rows: repeat(4, 1fr);
-    gap: 10px;
-
-    .chart-container {
-      display: grid;
-      grid-template-rows: 40px 1fr;
-
-      .content {
-        padding: 0 5px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        border-bottom: 1px solid #009FA8;
-
-        .title {
-          font-size: 1em;
-          font-weight: bold;
-        }
-      }
-
-      .chart {
-        height: 300px;
-        width: 100%;
-      }
-
-      .rank-chart {
-        overflow: auto;
-        display: flex;
-        flex-direction: column;
-        gap: 5px;
-
-        .rank-item {
-          padding: 10px;
-          display: grid;
-          grid-template-columns: 20px 1fr 80px;
-          align-items: center;
-
-          .rank-amount {
-            justify-self: flex-end;
-          }
-        }
-
-        .rank-item:nth-child(1) {
-          color: #d4af37;
-          font-weight: bold;
-        }
-
-        .rank-item:nth-child(2) {
-          color: #a8a8a8;
-        }
-
-        .rank-item:nth-child(3) {
-          color: #b87333;
-        }
-      }
-    }
-  }
-
   .el-switch {
     .el-switch__core {
       height: 32px;

src/styles/home/bill.module.scss

@@ -1,48 +0,0 @@
-.bill-view {
-  .bill-chart {
-    flex-grow: 1;
-
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr 1fr;
-    gap: 2vh;
-
-    .chart-container {
-      display: grid;
-      grid-template-rows: 40px 1fr;
-
-      .content {
-        padding: 0 5px;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        border-bottom: 1px solid #009FA8;
-
-        .title {
-          font-size: 1em;
-          font-weight: bold;
-        }
-      }
-    }
-  }
-
-  @media (max-width: 1200px) {
-    .bill-chart {
-      display: grid;
-      grid-template-columns: 1fr;
-      grid-template-rows: 1fr;
-      gap: 2vh;
-
-      .chart-container {
-        .chart {
-          min-width: 300px;
-          min-height: 250px;
-        }
-      }
-    }
-  }
-
-  .bill-dialog {
-    width: 950px;
-  }
-}

src/styles/mobile.home.layout.module.scss

@@ -52,6 +52,67 @@ $tabBar-height: 70px;
     gap: 10px;
   }
 
+  .common-chart {
+    display: grid;
+    grid-template-columns: 1fr;
+    grid-template-rows: 1fr;
+    gap: 10px;
+
+    .chart-container {
+      display: grid;
+      grid-template-rows: 40px 1fr;
+
+      .content {
+        padding: 0 5px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        border-bottom: 1px solid #009FA8;
+
+        .title {
+          font-size: 1em;
+          font-weight: bold;
+        }
+      }
+
+      .chart {
+        height: 300px;
+        width: 100%;
+      }
+    }
+  }
+
+  .rank-chart {
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+
+    .rank-item {
+      padding: 10px;
+      display: grid;
+      grid-template-columns: 20px 1fr 80px;
+      align-items: center;
+
+      .rank-amount {
+        justify-self: flex-end;
+      }
+    }
+
+    .rank-item:nth-child(1) {
+      color: #d4af37;
+      font-weight: bold;
+    }
+
+    .rank-item:nth-child(2) {
+      color: #a8a8a8;
+    }
+
+    .rank-item:nth-child(3) {
+      color: #b87333;
+    }
+  }
+
   .title-bar {
     background-color: var(--el-color-primary);
     height: $titleBar-height;