diff --git a/src/views/index.vue b/src/views/index.vue index d8e3277..454553a 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -518,13 +518,24 @@ async function openLinkPage(item: any) { content: none; } -/* 「+」添加小组件下拉:面板去雾做锐 —— 库默认的 0 1px 6px rgba(0,0,0,.2) 柔影在玻璃卡上糊出一圈灰晕, - 改成 1px 实描边接管边界 + 投影收紧减淡;白底与文字色不动。transfer-class-name="wg-dd" 提供私有定位。 */ +/* 「+」添加小组件下拉:与卡片同族(玻璃层)。下拉就地渲染在 .widget-wrap 内,可直接复用其玻璃令牌 + (--wg-glass-*)保持同族;底色在同色相上加深一档,保证浮层层次与白字可读性。 */ .ivu-select-dropdown.wg-dd { padding: 4px 0; - background-color: #fff; - border: 1px solid rgba(15, 23, 42, 0.08); + background-color: rgba(15, 23, 42, 0.72); + -webkit-backdrop-filter: blur(18px) saturate(140%); + backdrop-filter: blur(18px) saturate(140%); + border: 1px solid var(--wg-glass-border, rgba(255, 255, 255, 0.18)); border-radius: 6px; - box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12); + box-shadow: var(--wg-glass-shadow, 0 10px 36px rgba(0, 0, 0, 0.3)); +} + +.ivu-select-dropdown.wg-dd .ivu-dropdown-item { + color: var(--wg-fg, rgba(255, 255, 255, 0.94)); + text-shadow: var(--wg-fg-shadow, 0 1px 2px rgba(0, 0, 0, 0.35)); +} + +.ivu-select-dropdown.wg-dd .ivu-dropdown-item:hover { + background: rgba(255, 255, 255, 0.12); }