- 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)
This commit is contained in:
@@ -66,6 +66,7 @@
|
|||||||
:visible="dragObj.selVisible"
|
:visible="dragObj.selVisible"
|
||||||
@on-click="onWidgetSelItemClick"
|
@on-click="onWidgetSelItemClick"
|
||||||
trigger="custom"
|
trigger="custom"
|
||||||
|
transfer-class-name="wg-dd"
|
||||||
>
|
>
|
||||||
<div class="operate-btn" @click="showWidgetSelClick">
|
<div class="operate-btn" @click="showWidgetSelClick">
|
||||||
<SvgIcon class="fl" name="widget-add" size="24" color="currentColor" />
|
<SvgIcon class="fl" name="widget-add" size="24" color="currentColor" />
|
||||||
@@ -516,4 +517,14 @@ async function openLinkPage(item: any) {
|
|||||||
.vdr.active::before {
|
.vdr.active::before {
|
||||||
content: none;
|
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);
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user