移动端

88 lines
1.8 KiB

2 months ago
@import '../common/index.wxss';
.van-dropdown-menu {
display: flex;
height: var(--dropdown-menu-height, 50px);
-webkit-user-select: none;
2 months ago
user-select: none;
justify-content: space-between;
2 months ago
}
.van-dropdown-menu__item {
align-items: center;
display: flex;
justify-content: center;
2 months ago
flex: 1;
2 months ago
}
.van-dropdown-menu__item:active {
opacity: .7
}
.van-dropdown-menu__item--disabled:active {
opacity: 1
}
.van-dropdown-menu__item--disabled .van-dropdown-menu__title {
color: var(--dropdown-menu-title-disabled-text-color, #969799)
}
.van-dropdown-menu__title {
box-sizing: border-box;
color: var(--dropdown-menu-title-text-color, #323233);
font-size: var(--dropdown-menu-title-font-size, 15px);
2 months ago
/* line-height: var(--dropdown-menu-title-line-height, 18px); */
width: 100%;
/* padding: var(--dropdown-menu-title-padding, 0 24px 0 8px); */
2 months ago
position: relative;
}
2 months ago
/* .van-dropdown-menu__title:after {
2 months ago
border-color: transparent transparent currentcolor currentcolor;
border-style: solid;
border-width: 3px;
content: "";
margin-top: -5px;
opacity: .8;
position: absolute;
right: 11px;
top: 50%;
transform: rotate(-45deg)
2 months ago
} */
2 months ago
.van-dropdown-menu__title--active {
/* color: var(--dropdown-menu-title-active-text-color, #ee0a24) */
2 months ago
}
2 months ago
.van-ellipsis {
display: flex;
flex: row nowrap;
justify-content: center;
align-items: center;
4 weeks ago
gap: 8rpx;
2 months ago
}
.select-title {
transition: .2s all;
4 weeks ago
color: #071437;
2 months ago
}
.van-dropdown-menu__title .arrow {
border-style: solid;
border-color: #000;
border-width: 0 1px 1px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg) translateY(-30%);
transform-origin: 50% 50%;
transition: .2s all;
}
.van-dropdown-menu__title--down .arrow {
transform: rotate(45deg) rotateZ(180deg) translateY(30%) translate(-4px);
}
/* .van-dropdown-menu__title--down:after {
2 months ago
margin-top: -1px;
transform: rotate(135deg)
2 months ago
} */