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 @@