city-casereport/components/coolui-scroller/sort/item/index.wxss

162 lines
11 KiB
Plaintext
Raw Normal View History

2023-12-06 14:22:42 +08:00
:host {
display: inline-block;
width : 28.5%;
}
@font-face {
font-weight : normal;
font-family : 'cool-icon';
font-style : normal;
font-display: auto;
src : url('data:application/octet-stream;base64,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
}
.coolui-scroller-nav-item {
width : 100%;
position: relative;
z-index : 55;
}
.item-title {
text-align : center;
font-size : 28rpx;
height : 100rpx;
display : flex;
justify-content: center;
align-items : center;
color : #333;
}
.item-title-inner {
position : relative;
padding-right: 12px;
max-width : 4em;
overflow : hidden;
text-overflow: ellipsis;
white-space : nowrap;
}
/* .item-title-inner::before {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 4px solid;
border-color: transparent transparent #dcdee0;
right: 0px;
bottom: 50%;
} */
.item-title-inner::after {
content : "";
display : block;
position : absolute;
width : 0;
height : 0;
border : 4px solid;
border-color : #dcdee0 transparent transparent;
right : 0px;
top : 50%;
/* margin-top: 5rpx; */
}
.item-title.sort .item-title-inner::after {
margin-top: 7rpx;
}
.item-title.sort .item-title-inner::before {
content : "";
display : block;
position : absolute;
width : 0;
height : 0;
border : 4px solid;
border-color : transparent transparent #dcdee0;
right : 0px;
bottom : 50%;
margin-bottom: -2rpx;
}
.dropdown-menu {
position : absolute;
left : 0;
width : 100%;
z-index : 2;
overflow : hidden;
pointer-events: none;
/* visibility : hidden; */
}
.dropdown-menu.on {
pointer-events: auto;
}
.dropdown-menu::before {
content : "";
position : absolute;
top : 0;
left : 0;
display : none;
width : 100%;
height : 1rpx;
box-shadow: 0 0px 10px rgb(100 101 102);
z-index : 5;
}
.dropdown-menu.on::before {
/* visibility: visible; */
display: block;
}
.dropdown-menu-inner {
background-color: #fff;
transform : translateY(-100%);
transition : transform 0.4s;
/* opacity : 0; */
}
.dropdown-menu-inner.on {
transform : translateY(0);
/* transition: transform 0.4s; */
/* opacity : 1; */
}
.dropdown-menu-inner-scroll {
max-height: 450rpx;
overflow-y: scroll;
}
.option-item {
line-height: 90rpx;
padding : 0 30rpx;
font-size : 28rpx;
}
.option-item.on {
color : #d13435;
display : flex;
justify-content: space-between;
align-items : center;
}
.option-item.on::after {
font-family: 'cool-icon';
content : '\e728';
}
.action-bar {
display : flex;
font-size: 28rpx;
}
.action-bar button {
flex : 1;
border-radius: 0;
}
.action-bar button::after {
/* display: none; */
border-radius: 0;
}