v6ole/qiji
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 移动端列表页删除按钮改为编辑按钮

Browse Source 
卡片底部按钮从 🗑 删除改为 ✏️ 编辑，编辑表单内保留删除功能

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
v6ole
2026-07-12 20:13:39 +08:00
parent aed9182dbe
commit 637a0949a8
3 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/mobile/KeyVisitsList.vue
+3 -3
View File
@@ -53,7 +53,7 @@ async function handleDelete(id: string) {
<div class="card-content">{{ item.description }}</div>
<div class="card-footer">
<span class="card-customer">{{ item.customer_name }}</span>
<button class="card-delete" @click.stop="handleDelete(item.id)">🗑</button>
<button class="card-action" @click.stop="router.push(`/m/key-visit/${item.id}/edit`)">✏️</button>
</div>
</div>
</article>
@@ -86,8 +86,8 @@ async function handleDelete(id: string) {
.card-content { font-family: var(--font-body); font-size: 14px; color: var(--ink); margin-bottom: 6px; line-height: 1.5; }
.card-footer { display: flex; align-items: center; justify-content: space-between; }
.card-customer { font-size: 12px; color: var(--warm-gray); }
.card-delete { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
.card-delete:hover { opacity: 1; }
.card-action { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
.card-action:hover { opacity: 1; }
.empty-state { text-align: center; padding: 48px 0; }
.empty-glyph { font-family: var(--font-heading); font-size: 40px; color: var(--gold); opacity: 0.4; margin-bottom: 8px; }
.empty-text { font-family: var(--font-body); font-size: 15px; color: var(--warm-gray); margin: 0; }
frontend/src/views/mobile/MiniBizList.vue
+3 -3
View File
@@ -53,7 +53,7 @@ async function handleDelete(id: string) {
<div class="card-content">{{ item.product_type }}</div>
<div class="card-footer">
<span class="card-customer">{{ item.customer_name }}</span>
<button class="card-delete" @click.stop="handleDelete(item.id)">🗑</button>
<button class="card-action" @click.stop="router.push(`/m/mini-biz/${item.id}/edit`)">✏️</button>
</div>
</div>
</article>
@@ -86,8 +86,8 @@ async function handleDelete(id: string) {
.card-content { font-family: var(--font-body); font-size: 14px; color: var(--ink); margin-bottom: 6px; line-height: 1.5; }
.card-footer { display: flex; align-items: center; justify-content: space-between; }
.card-customer { font-size: 12px; color: var(--warm-gray); }
.card-delete { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
.card-delete:hover { opacity: 1; }
.card-action { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
.card-action:hover { opacity: 1; }
.empty-state { text-align: center; padding: 48px 0; }
.empty-glyph { font-family: var(--font-heading); font-size: 40px; color: var(--gold); opacity: 0.4; margin-bottom: 8px; }
.empty-text { font-family: var(--font-body); font-size: 15px; color: var(--warm-gray); margin: 0; }
frontend/src/views/mobile/PlansList.vue
+3 -3
View File
@@ -51,7 +51,7 @@ async function handleDelete(id: string) {
<div class="card-content">{{ item.plan_content }}</div>
<div class="card-footer">
<span class="card-customer">{{ item.customer_name }}</span>
<button class="card-delete" @click.stop="handleDelete(item.id)">🗑</button>
<button class="card-action" @click.stop="router.push(`/m/work-plan/${item.id}/edit`)">✏️</button>
</div>
</div>
</article>
@@ -84,8 +84,8 @@ async function handleDelete(id: string) {
.card-content { font-family: var(--font-body); font-size: 14px; color: var(--ink); margin-bottom: 6px; line-height: 1.5; }
.card-footer { display: flex; align-items: center; justify-content: space-between; }
.card-customer { font-size: 12px; color: var(--warm-gray); }
.card-delete { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
.card-delete:hover { opacity: 1; }
.card-action { background: none; border: none; cursor: pointer; opacity: 0.5; font-size: 14px; }
.card-action:hover { opacity: 1; }
.empty-state { text-align: center; padding: 48px 0; }
.empty-glyph { font-family: var(--font-heading); font-size: 40px; color: var(--gold); opacity: 0.4; margin-bottom: 8px; }
.empty-text { font-family: var(--font-body); font-size: 15px; color: var(--warm-gray); margin: 0; }