162 lines
11 KiB
Plaintext
162 lines
11 KiB
Plaintext
|
: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;
|
||
|
}
|