MUD6 推广移动统一设计

client/src/pages/MobileLeavePage.tsx

@@ -376,7 +376,7 @@ export function MobileLeavePage() {
           {balancesQuery.isLoading ? <div className="text-sm text-zinc-500">加载中...</div> : null}
           {!balancesQuery.isLoading && !balances.length ? <div className="text-sm text-zinc-500">暂无额度</div> : null}
           {balances.slice(0, 3).map((item) => (
-            <div key={item.leaveType.id} className="rounded-lg border border-zinc-200 p-3">
+            <div key={item.leaveType.id} className="mobile-list-card">
               <div className="flex items-center justify-between gap-3">
                 <div className="font-medium text-zinc-900">{item.leaveType.name}</div>
                 <span className="badge-success">启用</span>
@@ -413,14 +413,14 @@ export function MobileLeavePage() {
         </Tabs>
 
         <div className="mt-4 space-y-3">
-          {requestsQuery.isLoading ? <div className="rounded-lg border border-dashed border-zinc-200 p-6 text-center text-sm text-zinc-500">加载中...</div> : null}
+          {requestsQuery.isLoading ? <div className="mobile-empty-state">加载中...</div> : null}
           {requestsQuery.isError ? (
             <div className="rounded-lg border border-red-200 bg-red-50 p-3 text-sm text-red-600">
               {resolveErrorMessage(requestsQuery.error)}
             </div>
           ) : null}
           {!requestsQuery.isLoading && !requestsQuery.isError && !records.length ? (
-            <div className="rounded-lg border border-dashed border-zinc-200 p-6 text-center text-sm text-zinc-500">暂无请假记录</div>
+            <div className="mobile-empty-state">暂无请假记录</div>
           ) : null}
           {records.map((item) => (
             <LeaveRecordCard