view-ui-plus
Version:
A high quality UI components Library with Vue.js 3
113 lines (97 loc) • 2.42 kB
text/less
.ivu-city{
display: inline-block;
width: 100%;
position: relative;
.ivu-dropdown{
width: 100%;
}
&-rel{
display: inline-block;
width: 100%;
position: relative;
cursor: pointer;
}
&-disabled &-rel{
cursor: @cursor-disabled;
}
&-arrow{
transition: all @transition-time @ease-in-out;
}
&-visible &-arrow:nth-of-type(2) {
transform: rotate(180deg);
}
@city-width: 400px;
.ivu-select-dropdown{
width: @city-width;
}
&-drop{
width: @city-width;
padding: 2px 8px;
&-cities{
margin-bottom: 8px;
span{
display: inline-block;
margin-right: 4px;
cursor: pointer;
&:hover{
color: @link-hover-color;
}
}
}
&-menu{
margin-bottom: 8px;
}
&-type{
display: inline-block;
}
&-search{
display: inline-block;
margin-left: 8px;
}
&-list{
&-letter{
margin-bottom: 8px;
.ivu-tag{
cursor: pointer;
&:hover{
.ivu-tag-text{
color: @link-hover-color;
}
}
}
}
&-main{
max-height: 200px;
overflow: auto;
dl{
}
dt{
float: left;
font-weight: bold;
}
dd{
white-space: normal;
margin-inline-start: 40px;
margin-bottom: 8px;
li{
display: inline-block;
margin-right: 9px;
cursor: pointer;
&:hover{
color: @link-hover-color;
}
}
}
&-city{
dd{
margin-inline-start: 24px;
}
}
}
}
}
&-transfer.ivu-select-dropdown{
max-height: none;
overflow: visible;
}
}