100 lines
1.9 KiB
Plaintext
100 lines
1.9 KiB
Plaintext
/* components/wan-select/select.wxss */
|
|
.select_all_view {
|
|
display: flex;
|
|
justify-content: start;
|
|
align-items: start;
|
|
}
|
|
|
|
.select_view {
|
|
/* min-width: 200rpx; */
|
|
min-height: 64rpx;
|
|
}
|
|
|
|
.inputPlaceholder {
|
|
font-size: 28rpx;
|
|
}
|
|
|
|
.icon {
|
|
position: absolute;
|
|
right: 12rpx;
|
|
top: 20rpx;
|
|
}
|
|
|
|
.contentItem {
|
|
height: 64rpx;
|
|
}
|
|
|
|
.content {
|
|
width: calc(100% - 4px);
|
|
margin-left: 2px;
|
|
position: absolute;
|
|
z-index: 999;
|
|
max-height: 296rpx;
|
|
background: #FFFFFF;
|
|
/* border: 1px solid #ccc; */
|
|
box-shadow: 0 0 4px #ccc;
|
|
opacity: 1;
|
|
/* margin-top: 10rpx; */
|
|
overflow-x: hidden;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.triangleBox {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
left: 30rpx;
|
|
}
|
|
|
|
.triangle {
|
|
position: relative;
|
|
border-left: 12rpx solid transparent;
|
|
border-right: 12rpx solid transparent;
|
|
border-bottom: 10rpx solid #ccc;
|
|
}
|
|
|
|
.triangle::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 3rpx;
|
|
left: -12rpx;
|
|
border-left: 12rpx solid transparent;
|
|
border-right: 12rpx solid transparent;
|
|
border-bottom: 10rpx solid #fff;
|
|
}
|
|
|
|
.triangleBox-top {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
left: 30rpx;
|
|
|
|
}
|
|
|
|
.triangle-top {
|
|
position: relative;
|
|
border-left: 12rpx solid transparent;
|
|
border-right: 12rpx solid transparent;
|
|
border-top: 10rpx solid #ccc;
|
|
}
|
|
|
|
.triangle-top::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: 3rpx;
|
|
left: -12rpx;
|
|
border-left: 12rpx solid transparent;
|
|
border-right: 12rpx solid transparent;
|
|
border-top: 10rpx solid #fff;
|
|
}
|
|
|
|
.is-reverse {
|
|
transform: rotate(180deg);
|
|
}
|
|
|
|
.transfer {
|
|
transition: transform .3s;
|
|
}
|
|
|
|
.no-reverse {
|
|
transition: rotate(0deg);
|
|
}
|
|
|