From 2f4ee76b7b8dde03c543398475abcfbcb1271f67 Mon Sep 17 00:00:00 2001 From: chenxing Date: Wed, 14 Oct 2026 09:49:22 +0800 Subject: [PATCH] =?UTF-8?q?style(=E5=B0=8F=E7=BB=84=E4=BB=B6):=20=E3=80=8C?= =?UTF-8?q?=EF=BC=8B=E3=80=8D=E6=B7=BB=E5=8A=A0=E5=B0=8F=E7=BB=84=E4=BB=B6?= =?UTF-8?q?=E4=B8=8B=E6=8B=89=E5=8E=BB=E9=9B=BE=E5=81=9A=E9=94=90=20?= =?UTF-8?q?=E2=80=94=E2=80=94=201px=20=E5=AE=9E=E6=8F=8F=E8=BE=B9=E6=8E=A5?= =?UTF-8?q?=E7=AE=A1=E8=BE=B9=E7=95=8C=E3=80=81=E6=8A=95=E5=BD=B1=E6=94=B6?= =?UTF-8?q?=E7=B4=A7=E5=87=8F=E6=B7=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Dropdown 加 transfer-class-name="wg-dd",把皮肤严格限定在这一个下拉上 (库的 dropdownCls 会把该类挂到面板 .ivu-select-dropdown,不影响全站其他下拉/选择器) - 面板:border 1px solid rgba(15,23,42,.08) 接管边界;box-shadow 由库默认的 0 1px 6px rgba(0,0,0,.2) 收紧减淡为 0 2px 8px rgba(15,23,42,.12);radius 4->6;padding 5px 0 -> 4px 0 - 白底、文字色(#515a6e)、item hover(#f3f3f3) 一律不动;卡片玻璃效果不动 - 选择器用 .ivu-select-dropdown.wg-dd(0,2,0)稳压库默认 .ivu-select-dropdown(0,1,0) --- src/views/index.vue | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/src/views/index.vue b/src/views/index.vue index af7211c..d8e3277 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -66,6 +66,7 @@ :visible="dragObj.selVisible" @on-click="onWidgetSelItemClick" trigger="custom" + transfer-class-name="wg-dd" >
@@ -516,4 +517,14 @@ async function openLinkPage(item: any) { .vdr.active::before { content: none; } + +/* 「+」添加小组件下拉:面板去雾做锐 —— 库默认的 0 1px 6px rgba(0,0,0,.2) 柔影在玻璃卡上糊出一圈灰晕, + 改成 1px 实描边接管边界 + 投影收紧减淡;白底与文字色不动。transfer-class-name="wg-dd" 提供私有定位。 */ +.ivu-select-dropdown.wg-dd { + padding: 4px 0; + background-color: #fff; + border: 1px solid rgba(15, 23, 42, 0.08); + border-radius: 6px; + box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12); +}