ui: 手机端布局重设计——底部带文字标签栏(5个主入口)+更多弹层、全屏搜索、打卡日历底部抽屉、弹窗贴底、记账卡片行、密码库横滑表格

intern-log/src/views/LedgerView.vue

@@ -293,16 +293,16 @@ async function confirmDelete() {
         </thead>
         <tbody>
           <tr v-for="r in filtered" :key="r.id">
-            <td class="num">{{ r.date }}</td>
-            <td><span class="tag">{{ r.category }}</span></td>
-            <td class="num" :class="r.type === 'income' ? 'amt-income' : 'amt-expense'">{{ amountText(r) }}</td>
-            <td class="td-note">{{ r.note || '--' }}</td>
-            <td>
+            <td class="num" data-label="日期">{{ r.date }}</td>
+            <td data-label="分类"><span class="tag">{{ r.category }}</span></td>
+            <td class="num" data-label="金额" :class="r.type === 'income' ? 'amt-income' : 'amt-expense'">{{ amountText(r) }}</td>
+            <td class="td-note" data-label="备注">{{ r.note || '--' }}</td>
+            <td data-label="报销">
               <span v-if="r.type !== 'expense' || r.reimbursable !== 1" class="muted">--</span>
               <span v-else-if="r.reimbursed === 1" class="tx-done">已报销</span>
               <span v-else class="tx-pending">待报销</span>
             </td>
-            <td>
+            <td class="ops-cell">
               <div class="ops">
                 <button
                   v-if="r.type === 'expense' && r.reimbursable === 1 && r.reimbursed !== 1"