jiangyy
3 years ago
1 changed files with 320 additions and 0 deletions
@ -0,0 +1,320 @@ |
|||
@import "../../c/config"; |
|||
@import "../../c/function"; |
|||
@import "./c/common"; |
|||
|
|||
.m-crumb { |
|||
margin-left: 10px; |
|||
height: 40px; |
|||
line-height: 35px; |
|||
.router_line { |
|||
width: 212px; |
|||
height: 1px; |
|||
border: 1px solid #ffffff; |
|||
opacity: 0.09; |
|||
/* opacity: 0.09; */ |
|||
} |
|||
.div_router { |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
|
|||
.router_parents { |
|||
color: #a0c3d9; |
|||
|
|||
.arrow { |
|||
padding: 0 5px; |
|||
} |
|||
} |
|||
.router_parents:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.router_child { |
|||
color: #ffffff; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.g-cnt { |
|||
display: flex; |
|||
|
|||
/deep/ .ol-viewport { |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
/deep/ .ol-overlaycontainer-stopevent { |
|||
display: none; |
|||
} |
|||
} |
|||
|
|||
.m-map { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: calc(825px - 15px); |
|||
color: #fff; |
|||
position: relative; |
|||
} |
|||
|
|||
.m-mapmenu { |
|||
position: absolute; |
|||
z-index: 100; |
|||
left: 20px; |
|||
top: 20px; |
|||
} |
|||
|
|||
.m-search { |
|||
position: absolute; |
|||
z-index: 4; |
|||
left: 0; |
|||
right: 0; |
|||
top: 30px; |
|||
width: 630px; |
|||
margin: 0 auto; |
|||
|
|||
.input { |
|||
width: 100%; |
|||
background-color: #fff; |
|||
border-radius: 8px; |
|||
display: flex; |
|||
align-items: center; |
|||
overflow: hidden; |
|||
border: 1px solid #5aafff; |
|||
box-shadow: 0px 4px 8px 0px rgba(147, 147, 147, 0.26); |
|||
|
|||
> input { |
|||
width: 400px; |
|||
border: none; |
|||
line-height: 45px; |
|||
font-size: 18px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #333333; |
|||
} |
|||
|
|||
.i-search { |
|||
margin: 0 16px; |
|||
width: 24px; |
|||
height: 24px; |
|||
} |
|||
|
|||
.i-close { |
|||
margin-left: 15px; |
|||
opacity: 0.2; |
|||
width: 20px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.btn { |
|||
margin-left: auto; |
|||
width: 120px; |
|||
height: 53px; |
|||
line-height: 53px; |
|||
background: #0082fb; |
|||
border-radius: 0px 8px 8px 0px; |
|||
color: #fff; |
|||
text-align: center; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 500; |
|||
color: #ffffff; |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
|
|||
.result { |
|||
position: relative; |
|||
box-sizing: border-box; |
|||
padding: 0 15px; |
|||
width: 509px; |
|||
background: rgba(#020340, 0.58); |
|||
border-radius: 8px; |
|||
.result-item { |
|||
position: relative; |
|||
padding: 12px 0; |
|||
border-bottom: 1px solid rgba(#fff, 0.2); |
|||
|
|||
.result-panel { |
|||
position: absolute; |
|||
box-sizing: border-box; |
|||
padding: 15px; |
|||
left: 509px - 10px; |
|||
top: 0; |
|||
width: 500px; |
|||
background: rgba(#020340, 0.58); |
|||
border-radius: 8px; |
|||
} |
|||
|
|||
.result-type { |
|||
margin-bottom: 10px; |
|||
font-size: 20px; |
|||
line-height: 30px; |
|||
font-family: PingFang SC; |
|||
font-weight: bold; |
|||
color: #00f0ff; |
|||
} |
|||
|
|||
.result-more { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 20px; |
|||
width: 50px; |
|||
height: 22px; |
|||
text-align: center; |
|||
line-height: 22px; |
|||
background: #dd8d02; |
|||
border-radius: 2px; |
|||
font-size: 14px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.result-li { |
|||
line-height: 28px; |
|||
font-size: 16px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
cursor: pointer; |
|||
@include toe; |
|||
i { |
|||
margin-right: 5px; |
|||
} |
|||
span { |
|||
width: 100%; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
} |
|||
|
|||
.m-sidemenu { |
|||
margin-left: 20px; |
|||
width: 360px; |
|||
height: calc(825px - 15px); |
|||
|
|||
.title { |
|||
margin-bottom: 10px; |
|||
padding: 4px 0; |
|||
font-size: 22px; |
|||
font-family: PingFang SC; |
|||
font-weight: 800; |
|||
color: #ffffff; |
|||
display: flex; |
|||
align-items: center; |
|||
|
|||
img { |
|||
display: block; |
|||
margin-right: 5px; |
|||
} |
|||
span { |
|||
display: block; |
|||
} |
|||
} |
|||
|
|||
.list { |
|||
margin-right: -8px; |
|||
height: calc(825px - 120px); |
|||
overflow-y: auto; |
|||
overflow-x: hidden; |
|||
@include scrollBar; |
|||
} |
|||
} |
|||
|
|||
.m-sidebar { |
|||
position: absolute; |
|||
right: 0; |
|||
top: 50px; |
|||
z-index: 1000; |
|||
width: 370px; |
|||
height: 470px; |
|||
overflow: hidden; |
|||
pointer-events: none; |
|||
|
|||
.wrap { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
align-items: center; |
|||
background-color: rgba(rgb(173, 173, 173), 0); |
|||
transform: translateX(-5px); |
|||
transition: all ease 1s; |
|||
border-radius: 4px; |
|||
pointer-events: auto; |
|||
} |
|||
|
|||
.wrap-hidden { |
|||
transform: translateX(339px); |
|||
} |
|||
|
|||
.div_agency_list { |
|||
width: 320px; |
|||
height: 470px; |
|||
color: #fff; |
|||
background: url("../../../img/modules/visual/box-2.png") no-repeat center; |
|||
background-size: 100% 100%; |
|||
padding: 45px 20px 35px 20px; |
|||
|
|||
.agency_main { |
|||
height: 100%; |
|||
position: relative; |
|||
} |
|||
|
|||
.agency_main { |
|||
/deep/ .el-scrollbar__wrap { |
|||
overflow-x: hidden !important; |
|||
} |
|||
} |
|||
|
|||
.no-data-img { |
|||
text-align: center; |
|||
margin-top: 50px; |
|||
margin-left: 15px; |
|||
} |
|||
.agency_list { |
|||
.agency_item { |
|||
// height: 60px; |
|||
padding: 15px 0; |
|||
font-size: 17px; |
|||
font-family: PingFang SC; |
|||
font-weight: 400; |
|||
color: #ffffff; |
|||
// line-height: 50px; |
|||
padding-left: 12px; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
// padding-top: 15px; |
|||
|
|||
.agency_item_name { |
|||
// line-height: 20px; |
|||
} |
|||
} |
|||
|
|||
.agency_item_on { |
|||
background: #08216c; |
|||
border-radius: 2px; |
|||
} |
|||
|
|||
.agency_item:hover { |
|||
cursor: pointer; |
|||
background-color: #011168; |
|||
border-radius: 4px 0 0 4px; |
|||
border: none; |
|||
box-shadow: 0 0 10px inset #1a5afd; |
|||
border-radius: 2px; |
|||
} |
|||
} |
|||
} |
|||
|
|||
.arrow_tip { |
|||
margin-right: -2px; |
|||
margin-left: 10px; |
|||
> img { |
|||
width: 22px; |
|||
height: 176px; |
|||
} |
|||
} |
|||
.arrow_tip:hover { |
|||
cursor: pointer; |
|||
} |
|||
} |
|||
Loading…
Reference in new issue