fix

src/@layouts/styles/_default-layout.scss

@@ -16,6 +16,7 @@ body,
 
 .layout-vertical-nav, .layout-navbar {
   padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .layout-page-content {

src/pages/ranking.vue

@@ -75,11 +75,10 @@ import MediaCardSlideView from "@/views/discover/MediaCardSlideView.vue";
 
   display: inline-flex;
   align-items: center;
+  color: inherit;
   font-size: 1.25rem;
   font-weight: 700;
   line-height: 1.75rem;
   transition-duration: 0.3s;
-
-  @apply text-gray-600;
 }
 </style>

src/views/reorganize/TransferHistoryView.vue

@@ -39,12 +39,11 @@ const getIcon = (type: string) => {
 
 // 计算颜色
 const getStatusColor = (status: boolean) => {
-  return status ? 'success' : 'error';
+  return status ? "success" : "error";
 };
 
 // 加载时获取数据
 onMounted(fetchData);
-
 </script>
 
 <template>
@@ -62,7 +61,7 @@ onMounted(fetchData);
         <div class="d-flex">
           <VAvatar><VIcon :icon="getIcon(item.raw.type || '')"></VIcon></VAvatar>
           <div class="d-flex flex-column ms-1 text-high-emphasis">
-            <span class="d-block">
+            <span class="d-block whitespace-nowrap">
               {{ item.raw.title }} {{ item.raw.seasons }}{{ item.raw.episodes }}
             </span>
             <small>{{ item.raw.category }}</small>
@@ -70,14 +69,14 @@ onMounted(fetchData);
         </div>
       </template>
       <template #item.src="{ item }">
-        <small>{{ item.raw.src }} <br>=> {{ item.raw.dest }}</small>
+        <small>{{ item.raw.src }} <br />=> {{ item.raw.dest }}</small>
       </template>
       <template #item.mode="{ item }">
         <VChip variant="outlined" color="primary" size="small">{{ item.raw.mode }}</VChip>
       </template>
       <template #item.status="{ item }">
         <VChip :color="getStatusColor(item.raw.status)" size="small">
-          {{ item.raw.status ? '成功' : '失败' }}
+          {{ item.raw.status ? "成功" : "失败" }}
         </VChip>
       </template>
       <template #item.date="{ item }">
@@ -89,9 +88,7 @@ onMounted(fetchData);
       <template #item.actions="{ item }">
         <MoreBtn />
       </template>
-      <template #no-data>
+      <template #no-data> 没有数据 </template>
-        没有数据
-      </template>
     </VDataTable>
   </VCard>
 </template>