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