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:23:31 +08:00
parent 216406326a
commit 6d1ccbb246
3 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/views/mobile/KeyVisitForm.vue
+3 -1
View File
@@ -131,6 +131,7 @@ async function handleDelete() {
<h2 class="form-title">{{ isEdit ? '编辑要客拜访' : '添加要客拜访' }}</h2>
<span class="form-subtitle">KEY VISIT PLAN</span>
</div>
<button v-if="isEdit" class="header-delete-btn" @click="handleDelete">删除</button>
<div class="form-rule"></div>
</header>
@@ -214,7 +215,6 @@ async function handleDelete() {
<span v-if="submitLoading" class="btn-loading"></span>
{{ isEdit ? '保存修改' : '提交计划' }}
</button>
<button v-if="isEdit" class="delete-btn" @click="handleDelete">删除</button>
</div>
</el-form>
</div>
@@ -307,4 +307,6 @@ async function handleDelete() {
.form-actions { display: flex; gap: 10px; margin-top: 24px; }
.delete-btn { padding: 16px 24px; background: var(--surface); color: var(--vermilion); border: 1px solid var(--vermilion); font-family: var(--font-heading); font-size: 16px; letter-spacing: 0.08em; cursor: pointer; transition: all 0.25s; }
.delete-btn:hover { background: var(--vermilion); color: #fff; }
.header-delete-btn { margin-left: auto; margin-top: 4px; padding: 6px 14px; background: none; color: var(--vermilion); border: 1px solid var(--vermilion); font-family: var(--font-body); font-size: 13px; cursor: pointer; transition: all 0.2s; white-space: nowrap; }
.header-delete-btn:hover { background: var(--vermilion); color: #fff; }
</style>
frontend/src/views/mobile/MiniBusinessForm.vue
+3 -1
View File
@@ -112,6 +112,7 @@ async function handleDelete() {
<h2 class="form-title">{{ isEdit ? '编辑商机跟单' : '添加商机跟单' }}</h2>
<span class="form-subtitle">BUSINESS OPPORTUNITY</span>
</div>
<button v-if="isEdit" class="header-delete-btn" @click="handleDelete">删除</button>
<div class="form-rule"></div>
</header>
@@ -170,7 +171,6 @@ async function handleDelete() {
<span v-if="submitLoading" class="btn-loading"></span>
{{ isEdit ? '保存修改' : '提交商机' }}
</button>
<button v-if="isEdit" class="delete-btn" @click="handleDelete">删除</button>
</div>
</el-form>
</div>
@@ -250,6 +250,8 @@ async function handleDelete() {
.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.delete-btn { padding: 16px 24px; background: var(--surface); color: var(--vermilion); border: 1px solid var(--vermilion); font-family: var(--font-heading); font-size: 16px; letter-spacing: 0.08em; cursor: pointer; transition: all 0.25s; }
.delete-btn:hover { background: var(--vermilion); color: #fff; }
.header-delete-btn { margin-left: auto; margin-top: 4px; padding: 6px 14px; background: none; color: var(--vermilion); border: 1px solid var(--vermilion); font-family: var(--font-body); font-size: 13px; cursor: pointer; transition: all 0.2s; white-space: nowrap; }
.header-delete-btn:hover { background: var(--vermilion); color: #fff; }
.btn-loading { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.6s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
</style>
frontend/src/views/mobile/WorkPlanForm.vue
+3 -1
View File
@@ -111,6 +111,7 @@ async function handleDelete() {
<h2 class="form-title">{{ isEdit ? '编辑工作计划' : '添加工作计划' }}</h2>
<span class="form-subtitle">WORK PLAN</span>
</div>
<button v-if="isEdit" class="header-delete-btn" @click="handleDelete">删除</button>
<div class="form-rule"></div>
</header>
@@ -150,7 +151,6 @@ async function handleDelete() {
<span v-if="submitLoading" class="btn-loading"></span>
{{ isEdit ? '保存修改' : '提交计划' }}
</button>
<button v-if="isEdit" class="delete-btn" @click="handleDelete">删除</button>
</div>
</el-form>
</div>
@@ -230,6 +230,8 @@ async function handleDelete() {
.submit-btn:disabled { opacity: 0.6; cursor: not-allowed; }
.delete-btn { padding: 16px 24px; background: var(--surface); color: var(--vermilion); border: 1px solid var(--vermilion); font-family: var(--font-heading); font-size: 16px; letter-spacing: 0.08em; cursor: pointer; transition: all 0.25s; }
.delete-btn:hover { background: var(--vermilion); color: #fff; }
.header-delete-btn { margin-left: auto; margin-top: 4px; padding: 6px 14px; background: none; color: var(--vermilion); border: 1px solid var(--vermilion); font-family: var(--font-body); font-size: 13px; cursor: pointer; transition: all 0.2s; white-space: nowrap; }
.header-delete-btn:hover { background: var(--vermilion); color: #fff; }
.btn-loading { width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: spin 0.6s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
</style>