From 5b5a4862b0b8ad73f75f85c4ac6798d847f79409 Mon Sep 17 00:00:00 2001 From: liugongyu <290219706@qq.com> Date: Fri, 9 Jan 2026 17:11:32 +0800 Subject: [PATCH] 按钮放大 --- App.vue | 36 ++++++++++++++++++++++++++++++++++++ pages-sub/daily/maintain-manage/finish-plan-detail.vue | 4 ++-- pages-sub/daily/maintain-manage/index.vue | 48 ++++++++++++++++++++++++++++-------------------- pages-sub/daily/maintain-manage/pending-plan-detail.vue | 26 +++++++++++++++----------- pages-sub/daily/maintain-manage/record-detail-list.vue | 2 +- pages-sub/daily/maintain-manage/road-detail-list.vue | 56 ++++++++++++++++++++++++++------------------------------ pages-sub/daily/patrol-manage/finish-plan-detail.vue | 2 +- pages-sub/daily/patrol-manage/index.vue | 14 ++++---------- pages-sub/daily/patrol-manage/pending-plan-detail.vue | 111 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++----------------------------------------- pages-sub/daily/quick-order/index.vue | 31 +++++++++++++++++++++---------- pages-sub/problem/regional-order-manage/index.vue | 38 ++++++++++++++++++++++++++------------ pages-sub/problem/regional-order-manage/order-detail.vue | 11 ++++++----- pages-sub/problem/work-order-manage/index.vue | 42 ++++++++++++++++++++++++++---------------- pages-sub/problem/work-order-manage/order-detail.vue | 22 ++++++++++++---------- pages/index/index.vue | 46 +++++++++++++++++++++++++++++++++++----------- pages/login/index.vue | 59 ++++++++++++++++++++++------------------------------------- pages/mine/index.vue | 4 ++-- 17 files changed, 333 insertions(+), 219 deletions(-) diff --git a/App.vue b/App.vue index 0336607..fa480ff 100644 --- a/App.vue +++ b/App.vue @@ -129,5 +129,41 @@ page { color: #606266 } +// 通用按钮样式(支持任意top值,无需批量生成类名) +.common-custom-btn { + position: absolute; + // 核心:用CSS变量接收动态top值,默认100px + top: var(--btn-top, 100px); + right: 15px; + //transform: translateX(-50%); + background-color: #3c9cff; + color: #ffffff; + border: none; + border-radius: 4px; + padding: 4px 10px; + font-size: 14px; + text-align: center; + cursor: pointer; + transition: all 0.2s ease; + white-space: nowrap; + z-index: 99; + + // 点击态 + &:active { + background-color: #2b88ee; + opacity: 0.9; + } + + // 禁用态 + &.disabled { + background-color: #a0c8f5; + cursor: not-allowed; + opacity: 0.7; + } +} + + + + \ No newline at end of file diff --git a/pages-sub/daily/maintain-manage/finish-plan-detail.vue b/pages-sub/daily/maintain-manage/finish-plan-detail.vue index 32183d4..d195d2c 100644 --- a/pages-sub/daily/maintain-manage/finish-plan-detail.vue +++ b/pages-sub/daily/maintain-manage/finish-plan-detail.vue @@ -69,7 +69,7 @@