- 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"
|
||||
@on-click="onWidgetSelItemClick"
|
||||
trigger="custom"
|
||||
transfer-class-name="wg-dd"
|
||||
>
|
||||
<div class="operate-btn" @click="showWidgetSelClick">
|
||||
<SvgIcon class="fl" name="widget-add" size="24" color="currentColor" />
|
||||
@@ -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);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user