From 52f50eb91efec9b43b56875b94943d819ddfdf82 Mon Sep 17 00:00:00 2001 From: jing <1683105490@qq.com> Date: Wed, 14 Oct 2026 08:49:27 +0800 Subject: [PATCH] =?UTF-8?q?chore=EF=BC=9A=E5=90=8D=E7=89=87=E4=BA=A4?= =?UTF-8?q?=E6=8D=A2=E5=90=8D=E7=89=87=E5=BF=BD=E7=95=A5=E5=92=8C=E5=90=8C?= =?UTF-8?q?=E6=84=8F=E5=88=A0=E9=99=A4=E5=A4=9A=E4=BD=99=E7=9A=84=E5=9C=88?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages_tool/card/detail.vue | 57 +++++++++++++++++++++++++++++++++----- 1 file changed, 50 insertions(+), 7 deletions(-) diff --git a/pages_tool/card/detail.vue b/pages_tool/card/detail.vue index f5fa74e..fcdd48a 100644 --- a/pages_tool/card/detail.vue +++ b/pages_tool/card/detail.vue @@ -100,15 +100,20 @@ - + + + + + 忽略 - + + - 同意 + 同意 @@ -716,29 +721,67 @@ export default { display: flex; align-items: center; justify-content: center; - font-size: 32rpx; box-sizing: border-box; // 忽略: 白底细描边圆 + 灰色 ✕ &.eb-act-ignore { background-color: #ffffff; - border: 2rpx solid #bcccdc; - color: #7b8794; + border: 2rpx solid #dfe4ea; } // 同意: 蓝底实心圆 + 白色 ✓ &.eb-act-agree { background-color: #2aa5ff; - color: #ffffff; } } + // 参考图: ✕ 用 CSS 画(两条交叉短线), 不用字体图标以免自带圆圈 + .eb-x { + position: relative; + width: 34rpx; + height: 34rpx; + + .eb-x-line { + position: absolute; + top: 50%; + left: 0; + width: 100%; + height: 3rpx; + margin-top: -1.5rpx; + border-radius: 3rpx; + background-color: #5a6572; + + &:first-child { + transform: rotate(45deg); + } + + &:last-child { + transform: rotate(-45deg); + } + } + } + + // 参考图: ✓ 用 CSS 画(左下两边框的方块旋转 -45°) + .eb-check { + width: 24rpx; + height: 12rpx; + margin-top: -6rpx; + border-left: 5rpx solid #ffffff; + border-bottom: 5rpx solid #ffffff; + transform: rotate(-45deg); + } + .eb-act-text { margin-top: 8rpx; font-size: 20rpx; line-height: 1.2; color: #8a94a6; } + + // 参考图: 「同意」文字为蓝色, 「忽略」为灰色 + .eb-act-text-main { + color: #2aa5ff; + } } /* 分享面板(微信式底部抽屉, 与 wap 留资抽屉同风格) */