style(排行榜页): 样式调整

src/components/Ranking/topUser.vue

@@ -156,10 +156,34 @@ const defaultAvatarUrl = (e) => {
 }
 
 .top1Text {
-  font-size: 1em;
+  font-size: 0.9em;
 }
 
 .text {
-  font-size: 0.9em;
+  font-size: 0.8em;
+}
+
+@media screen and (max-width: 360px) {
+  * {
+    font-size: 10px;
+  }
+}
+
+@media screen and (min-width: 360px) {
+  * {
+    font-size: 14px;
+  }
+}
+
+@media screen and (min-width: 768px) {
+  * {
+    font-size: 24px;
+  }
+}
+
+@media screen and (min-width: 1024px) {
+  * {
+    font-size: 32px;
+  }
 }
 </style>

src/views/Ranking/Ranking.vue

@@ -171,7 +171,7 @@
                 aspect-ratio: 1/1;
                 margin: 0 4px;
               "
-              :style="{ borderRadius: rankingType === 'Room' ? '0' : '50%' }"
+              :style="{ borderRadius: rankingType === 'Room' ? '10%' : '50%' }"
               @error="defaultAvatarUrl"
             />
             <div