手机样式适配

src/views/homePage.vue

@@ -1141,7 +1141,7 @@ onMounted(async () => {
       JSON.parse(sessionStorage.getItem("activeLevel")) ||
       changeLevelList.value[0];
     console.log("activeLevel", activeLevel.value);
-
+ 
     sessionStorage.removeItem("activeLevel");
     sessionStorage.setItem("rechargeFlag", "0");
   }
@@ -2398,17 +2398,32 @@ body {
     height: 30px;
   } */
 
+  .changeMsg{
+    gap: 10px 20px;
+    margin-bottom: 10px;
+  }
+
   .changeImgClass {
     width: 30px;
     height: 30px;
   }
 
-  .changeContent {
+  /* .changeContent {
     font-size: 0.5rem;
-  }
+  } */
 
   .changeLevelItems {
-    font-size: 0.5rem;
+    font-size: 0.7rem;
+    min-width: 0px;
+  }
+
+.changeLevelItemToken{
+    white-space: nowrap;
+  }
+
+  .changeLevelItemTokenImg{
+    width: 20px;
+    height: 20px;
   }
 
   .rechargeDialogTitle {