city-casereport/miniprogram_npm/tdesign-miniprogram/dropdown-menu/dropdown-menu.wxss

82 lines
1.8 KiB
Plaintext
Raw Normal View History

2023-12-06 14:22:42 +08:00
.t-float-left {
float: left;
}
.t-float-right {
float: right;
}
@keyframes tdesign-fade-out {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.hotspot-expanded.relative {
position: relative;
}
.hotspot-expanded::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
transform: scale(1.5);
}
.t-dropdown-menu {
display: flex;
height: 48px;
background: var(--td-dropdown-menu-bg-colorm, var(--td-bg-color-container, var(--td-font-white-1, #ffffff)));
position: relative;
}
.t-dropdown-menu::after {
content: '';
display: block;
position: absolute;
top: unset;
bottom: 0;
left: unset;
right: unset;
background-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc));
}
.t-dropdown-menu::after {
height: 1px;
left: 0;
right: 0;
transform: scaleY(0.5);
}
.t-dropdown-menu:after {
height: var(--td-dropdown-menu-border-width, 1px);
}
.t-dropdown-menu__item {
display: flex;
flex: 1;
align-items: center;
justify-content: center;
padding: 0 var(--td-spacer, 16rpx);
position: relative;
overflow: hidden;
color: var(--td-dropdown-menu-colorm, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
}
.t-dropdown-menu__item--active {
color: var(--td-dropdown-menu-active-colorm, var(--td-brand-color, var(--td-primary-color-7, #0052d9)));
}
.t-dropdown-menu__item--disabled {
color: var(--td-dropdown-menu-disabled-colorm, var(--td-font-gray-4, rgba(0, 0, 0, 0.26)));
}
.t-dropdown-menu__icon {
font-size: var(--td-dropdown-menu-icon-sizem, 48rpx);
transition: transform 240ms ease;
}
.t-dropdown-menu__icon--active {
transform: rotate(180deg);
}
.t-dropdown-menu__title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: var(--td-dropdown-menu-font-sizem, 28rpx);
}