mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-05 19:41:45 +08:00
1a7889590f
* perf: remove CSS variables polyfill * style: fix missing calc value * perf: reduce some useless css vars
83 lines
1.7 KiB
Plaintext
83 lines
1.7 KiB
Plaintext
@import '../common/style/var.less';
|
|
|
|
.van-dropdown-menu {
|
|
display: flex;
|
|
box-shadow: 0 2px 12px fade(@gray-7, 12);
|
|
user-select: none;
|
|
height: var(--dropdown-menu-height, @dropdown-menu-height);
|
|
background-color: var(
|
|
--dropdown-menu-background-color,
|
|
@dropdown-menu-background-color
|
|
);
|
|
|
|
&__item {
|
|
display: flex;
|
|
flex: 1;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-width: 0; // hack for flex ellipsis
|
|
|
|
&:active {
|
|
opacity: 0.7;
|
|
}
|
|
|
|
&--disabled {
|
|
&:active {
|
|
opacity: 1;
|
|
}
|
|
|
|
.van-dropdown-menu__title {
|
|
color: var(
|
|
--dropdown-menu-title-disabled-text-color,
|
|
@dropdown-menu-title-disabled-text-color
|
|
);
|
|
}
|
|
}
|
|
}
|
|
|
|
&__title {
|
|
position: relative;
|
|
box-sizing: border-box;
|
|
max-width: 100%;
|
|
padding: var(--dropdown-menu-title-padding, @dropdown-menu-title-padding);
|
|
color: var(
|
|
--dropdown-menu-title-text-color,
|
|
@dropdown-menu-title-text-color
|
|
);
|
|
font-size: var(
|
|
--dropdown-menu-title-font-size,
|
|
@dropdown-menu-title-font-size
|
|
);
|
|
line-height: var(
|
|
--dropdown-menu-title-line-height,
|
|
@dropdown-menu-title-line-height
|
|
);
|
|
|
|
&::after {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: -4px;
|
|
margin-top: -5px;
|
|
border: 3px solid;
|
|
border-color: transparent transparent currentColor currentColor;
|
|
transform: rotate(-45deg);
|
|
opacity: 0.8;
|
|
content: '';
|
|
}
|
|
|
|
&--active {
|
|
color: var(
|
|
--dropdown-menu-title-active-text-color,
|
|
@dropdown-menu-title-active-text-color
|
|
);
|
|
}
|
|
|
|
&--down {
|
|
&::after {
|
|
margin-top: -1px;
|
|
transform: rotate(135deg);
|
|
}
|
|
}
|
|
}
|
|
}
|