@import '../style/icon.wxss';
|
@import '../style/main.wxss';
|
@import '../style/animation.wxss';
|
|
.main {
|
height: 100vh;
|
}
|
|
.hovers {
|
background-color: 16b5cb;
|
}
|
|
.tab {
|
background-color: #fff;
|
height: 7vh;
|
display: flex;
|
line-height: 7vh;
|
}
|
|
.tab view {
|
flex: 1 0 auto;
|
font-size: 14px;
|
color: #333;
|
text-align: center;
|
}
|
|
.tab .active {
|
color: #16b5cb;
|
border-bottom: 1px solid #16b5cb;
|
padding-bottom: 1.8vh;
|
}
|
|
.right_btn {
|
top: 3rem;
|
}
|
|
/* 20191227 ywg */
|
.warp_scroll {
|
width: 100%;
|
border-radius: 50px;
|
margin: 0px auto;
|
}
|
|
.list:nth-child(1) {
|
border: 0;
|
}
|
|
.list:hover {
|
background-color: #16b5cb;
|
}
|
|
.list {
|
position: relative;
|
min-height: 60px;
|
padding: 5px;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
flex-wrap: wrap;
|
border-top: 1px dashed #EFEFF4;
|
background: #fff;
|
}
|
|
.list>i {
|
position: absolute;
|
padding: 5px;
|
bottom: -5px;
|
border-radius: 5px;
|
background: #EFEFF4;
|
z-index: 2;
|
}
|
|
.list>i:nth-child(3) {
|
left: -5px;
|
}
|
|
.list>i:nth-child(4) {
|
right: -5px;
|
}
|
|
.list:nth-last-child(1)>i {
|
opacity: 0
|
}
|
|
.list>view {
|
width: 100%;
|
font-size: 27rpx;
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
}
|
|
.list>view>span {
|
width: 50%;
|
}
|
|
|
|
/* 20200113 ywg */
|
|
.tui-menu-list {
|
color: #555;
|
font-size: 35rpx;
|
position: relative;
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
}
|
|
.tui-list-box-raduis>.tui-menu-list:nth-child(2),
|
.map_search>.map_list>view:nth-child(1) {
|
border-top: 0;
|
}
|
|
.tui-list-head {
|
background-color: #efeff4;
|
line-height: 80rpx;
|
color: #6d6d72;
|
padding: 0 10px;
|
font-size: 35rpx;
|
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
|
justify-content: space-between;
|
}
|
|
.tui-list-box-raduis {
|
/* border: 1px solid #c8c7cc; */
|
width: 98vw;
|
border-radius: 5px;
|
margin: 5px 1vw 10px 1vw;
|
overflow: hidden;
|
background-color: #fff;
|
box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
|
}
|
|
.block_list,
|
.tui-list-head,
|
.block_list_left,
|
.block_list_center>view,
|
.block_list_url>view,
|
.block_list_url,
|
.cover_view,
|
.map_search,
|
.map_search>view,
|
.block_list_url>view>icon {
|
display: flex;
|
align-items: center;
|
}
|
|
.block_list {
|
position: relative;
|
width: 100%;
|
min-height: 20px;
|
font-size: 25rpx;
|
justify-content: space-between;
|
}
|
|
.block_list_left {
|
display: block;
|
width: 15%;
|
padding: 10px;
|
font-size: 40px;
|
color: #16b5cb;
|
justify-content: center;
|
}
|
|
.block_list_center {
|
width: 85%;
|
}
|
|
.station_status {
|
position: absolute;
|
bottom: 10rpx;
|
left: 10rpx;
|
padding: 20rpx;
|
font-size: 20rpx;
|
color: #16b5cb;
|
}
|
|
.buzhengchang {
|
color: red;
|
}
|
|
.block_list_center>view {
|
padding: 5px 0px;
|
}
|
|
.block_list_center>view>span:nth-child(1) {
|
display: block;
|
height: 13px;
|
}
|
|
.block_list_url {
|
width: 100%;
|
justify-content: space-around;
|
border-top: 1px dashed #EFEFF4;
|
}
|
|
.block_list_url>view {
|
width: 30%;
|
display: flex;
|
align-items: center;
|
margin: 5px 0;
|
padding: 3px 5px;
|
justify-content: center;
|
font-size: 30rpx;
|
color: #16b5cb;
|
/* border-radius: 5px;
|
border: 1px solid red; */
|
}
|
|
.block_list_url>view>icon {
|
margin-right: 5rpx;
|
}
|
|
/* .block_list_url>view:nth-child(1){
|
background-color: #16b5cb;
|
}
|
.block_list_url>view:nth-child(2){
|
background-color: #2fc593;
|
}
|
.block_list_url>view:nth-child(3){
|
background-color: #2fc598;
|
} */
|
|
map {
|
z-index: 0;
|
}
|
|
.calloutBtn {
|
position: absolute;
|
right: 3px;
|
top: 3px;
|
z-index: 10000;
|
}
|
|
.xia {
|
transition: 0.5s;
|
}
|
|
.zuo {
|
transform: rotate(90deg);
|
transition: 0.5s;
|
}
|
|
.down {
|
transform: rotate(-90deg);
|
transition: 0.5s;
|
}
|
|
/* 20200118 ywg */
|
.map_search {
|
width: 50vw;
|
min-height: 2rem;
|
top: 3rem;
|
left: 200vw;
|
z-index: 1;
|
font-size: 30rpx;
|
justify-content: space-between;
|
flex-wrap: nowrap;
|
}
|
|
.animation {
|
left: 1rem;
|
transition: 1s;
|
}
|
|
.animation_out {
|
left: 100vw;
|
transition: 1s;
|
}
|
|
.map_search>input {
|
width: 70%;
|
height: 100%;
|
}
|
|
.map_search>icon {
|
width: 15%;
|
height: 100%;
|
}
|
|
.map_search>.map_list {
|
position: absolute;
|
width: 50vw;
|
max-height: 10rem;
|
top: 2.5rem;
|
left: 0rem;
|
overflow: auto
|
}
|
|
.map_search>.map_list>view {
|
padding: 10rpx 5px;
|
width: 100%;
|
border-top: 1px solid rgba(0, 0, 0, 0.15);
|
}
|
|
|
|
|
|
|
|
|
/* map */
|
|
.index_bt1 {
|
width: 100rpx;
|
height: 100rpx;
|
padding-top: 30rpx;
|
margin-left: 600rpx;
|
}
|
|
.xiaoer {
|
width: 100rpx;
|
height: 100rpx;
|
}
|
|
.index_shuaxin {
|
width: 60rpx;
|
height: 60rpx;
|
padding-top: 860rpx;
|
margin-left: 20rpx;
|
}
|
|
.shuaxin {
|
width: 60rpx;
|
height: 60rpx;
|
}
|
|
.sch {
|
display: block;
|
z-index: 999999;
|
height: 69rpx;
|
width: 100%;
|
margin: 0 auto;
|
padding-top: 30rpx;
|
}
|
|
|
|
|
|
|
|
|
/*底部弹窗开始 -使屏幕变暗 */
|
.commodity_screen {
|
width: 100%;
|
height: 100%;
|
position: fixed;
|
top: 0;
|
left: 0;
|
background: #000;
|
opacity: 0.2;
|
overflow: hidden;
|
z-index: 1000;
|
color: #fff;
|
}
|
|
/*对话框 */
|
.commodity_attr_box {
|
/* height: 280rpx; */
|
width: 100%;
|
overflow: hidden;
|
position: fixed;
|
bottom: 0;
|
left: 0;
|
z-index: 2000;
|
background: #fff;
|
padding-top: 0rpx;
|
}
|
|
.placeBox {
|
display: flex;
|
align-items: center;
|
width: 100%;
|
height: 150rpx;
|
}
|
|
.placeViewLt {
|
display: inline-block;
|
width: 620rpx;
|
min-height: 140rpx;
|
vertical-align: middle;
|
}
|
|
.viewTitle {
|
display: block;
|
font-size: 38rpx;
|
color: #3F51B5;
|
margin-left: 20rpx;
|
padding: 17rpx 0rpx;
|
}
|
|
.viewDis {
|
width: 100%;
|
min-height: 40rpx;
|
font-size: 26rpx;
|
color: gray;
|
margin-left: 20rpx;
|
}
|
|
.viewAddr {
|
display: inline-block;
|
font-size: 28rpx;
|
color: gray;
|
margin-left: 20rpx;
|
}
|
|
.placeViewRt {
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
width: 120rpx;
|
height: 120rpx;
|
}
|
|
.placeViewRt>.placeIcon {
|
font-size: 100rpx;
|
color: #16b5cb;
|
}
|
|
.viewIcon {
|
display: flex;
|
align-items: center;
|
width: 100%;
|
border-top: 1px solid #ebebeb;
|
padding: 20rpx 0rpx;
|
}
|
|
.cover_view {
|
width: 30%;
|
display: flex;
|
align-items: center;
|
padding: 3px 5px;
|
justify-content: space-around;
|
font-size: 30rpx;
|
color: #16b5cb;
|
border-radius: 5px;
|
}
|
|
.y_icon {
|
display: flex;
|
align-items: center;
|
width: 40rpx;
|
height: 40rpx;
|
font-size: 40rpx;
|
}
|
|
.indexIcon {
|
display: inline-block;
|
width: 50rpx;
|
height: 50rpx;
|
margin-left: 40rpx;
|
vertical-align: middle;
|
}
|
|
.timeText {
|
display: inline-block;
|
line-height: 45rpx;
|
margin-left: 12rpx;
|
text-align: center;
|
width: 200rpx;
|
height: 45rpx;
|
background-color: rgb(230, 234, 255);
|
border-radius: 10px;
|
color: #3F51B5;
|
font-size: 24rpx;
|
}
|
|
.indexIcon1 {
|
display: inline-block;
|
width: 50rpx;
|
height: 50rpx;
|
margin-left: 110rpx;
|
vertical-align: middle;
|
}
|
|
.indexIcon2 {
|
display: inline-block;
|
width: 50rpx;
|
height: 50rpx;
|
margin-left: 20rpx;
|
vertical-align: middle;
|
}
|
|
.timeText1 {
|
display: inline-block;
|
line-height: 45rpx;
|
margin-left: 12rpx;
|
width: 100rpx;
|
height: 45rpx;
|
color: #3F51B5;
|
font-size: 24rpx;
|
}
|
|
.timeText2 {
|
display: inline-block;
|
line-height: 45rpx;
|
margin-left: 12rpx;
|
width: 200rpx;
|
height: 45rpx;
|
color: #3F51B5;
|
font-size: 24rpx;
|
}
|
|
.btn-area {
|
width: 100%;
|
}
|
|
.btn_no {
|
float: left;
|
width: 40%;
|
margin-left: 5%;
|
border: 0px;
|
}
|
|
.btn_ok {
|
float: left;
|
width: 40%;
|
margin-left: 10%;
|
margin-right: 5%;
|
border: 0px;
|
}
|
|
.content {
|
display: flex;
|
font-size: 12px;
|
padding: 3px 0;
|
}
|
|
.zanWuShuju {
|
text-align: center;
|
padding: 20rpx 10rpx;
|
}
|
|
.record_tr {
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
padding: 30rpx 10rpx;
|
border-bottom: 2rpx solid #ddd;
|
}
|
|
.record_tr .name {
|
width: 40%;
|
}
|
|
.record_tr .value {
|
flex: 1;
|
color: blue;
|
text-align: right;
|
font-size: 34rpx;
|
}
|
|
.record_tr .unit {
|
|
text-align: right;
|
padding: 0 20rpx;
|
}
|
|
.record_tr .label {
|
text-align: left;
|
padding: 0 20rpx;
|
width: 40%;
|
}
|
|
.record_tr .labelvalue {
|
flex: 1;
|
color: blue;
|
text-align: right;
|
font-size: 34rpx;
|
padding: 0 20rpx;
|
}
|
|
.tuceng {
|
width: 50rpx;
|
height: 50rpx;
|
line-height: 50rpx;
|
|
}
|
|
.tuceng image {
|
width: 100%;
|
height: 100%;
|
}
|
|
.marker_layer_box {
|
text-align: center;
|
}
|
|
|
.marker_layer_box>div {
|
width: 70rpx;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
flex-wrap: wrap;
|
font-size: 23rpx;
|
padding: 0.3rem 0px;
|
border-bottom: 1px solid #e2eeea;
|
position: relative;
|
}
|
|
/* 2021 0422 thl */
|
.user_location {
|
position: fixed;
|
bottom: 380rpx;
|
left: 20rpx;
|
width: 80rpx;
|
height: 80rpx;
|
background: #ffffff;
|
display: flex;
|
align-items: center;
|
justify-content: center;
|
border-radius: 50%;
|
}
|
|
.scaleControl {
|
display: flex;
|
position: fixed;
|
width: 80rpx;
|
height: 100rpx;
|
bottom: 425rpx;
|
right: 20rpx;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.scaleBtn {
|
position: relative;
|
width: 100%;
|
height: 100%;
|
}
|
|
.jia {
|
position: absolute;
|
top: -35rpx;
|
width: 80rpx;
|
height: 80rpx;
|
border-radius: 50%;
|
background: #ffffff;
|
font-size: 48rpx;
|
color: #aaaaaa;
|
text-align: center;
|
line-height: 80rpx;
|
/* box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2); */
|
}
|
|
.jian {
|
position: absolute;
|
width: 80rpx;
|
height: 80rpx;
|
bottom: -35rpx;
|
border-radius: 50%;
|
background: #ffffff;
|
font-size: 60rpx;
|
color: #aaaaaa;
|
text-align: center;
|
line-height: 80rpx;
|
/* box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2); */
|
}
|
|
.map_active {
|
border: 5rpx solid #16b5cb;
|
}
|
|
.layer_hiden {
|
transition-duration: 1s;
|
opacity: 0;
|
}
|
|
.layer_Show {
|
transition-duration: 1s;
|
opacity: 1;
|
}
|
|
.drawerBox {
|
position: absolute;
|
width: 100%;
|
transition: all .5s;
|
}
|
|
.drawerBody {
|
width: 100%;
|
background: #ffffff;
|
border-top-left-radius: 20rpx;
|
border-top-right-radius: 20rpx;
|
}
|
|
.bottomDrawer::after {
|
content: "";
|
width: 100%;
|
height: 0.5rpx;
|
background: #eeeeee;
|
}
|
|
.icon_style {
|
width: 15%;
|
height: 100%;
|
}
|
|
.load_mark {
|
position: absolute;
|
height: 378rpx;
|
top: 0;
|
width: 100%;
|
opacity: 0.5;
|
|
}
|
|
.customCallout {
|
position: relative;
|
box-sizing: border-box;
|
width: 125px;
|
height: 55px;
|
display: flex;
|
justify-content: center;
|
align-items: center;
|
flex-direction: column;
|
border-radius: 10%;
|
background: rgba(0, 0, 0, 0.6);
|
color: white;
|
border: 2px solid #16b5cb;
|
padding: 5px;
|
font-size: 10px;
|
}
|
|
.icon {
|
width: 16px;
|
height: 16px;
|
}
|
|
.content {
|
flex: 0 1 auto;
|
margin: 0 10px;
|
font-size: 14px;
|
text-align: left;
|
}
|
|
.record_content {
|
display: flex;
|
width: 100%;
|
margin: 0 5px;
|
font-size: 12px;
|
text-align: left;
|
justify-content: flex-start;
|
align-items: center;
|
}
|
|
.tooltipWrap {
|
display: flex;
|
height: 100%;
|
width: 100%;
|
border-radius: 10px;
|
box-sizing: content-box;
|
flex-direction: column;
|
}
|
|
.runStatusInBimOpen {
|
background-color: #1E90FF;
|
}
|
.runStatusInBimClose {
|
background-color: #aaaaaa;
|
}
|
.pointType {
|
width: 12px;
|
height: 12px;
|
border-radius: 50%;
|
display: inline-grid;
|
float: right;
|
}
|
|
.signalInBimValue {
|
background-color: #41b9ee;
|
min-width: 50px;
|
min-height: 18px;
|
display: inline-flex;
|
padding-right: 5px;
|
text-align: right;
|
cursor: pointer;
|
margin-right: 2px;
|
margin-left: 5px;
|
align-items: center;
|
justify-content: center;
|
line-height: 18px;
|
}
|
.MpInBimPanel{
|
padding: 5px 0;
|
}
|
.signalInBimValue-close{
|
background-color: #aaaaaa;
|
}
|
.signalInBimUnit {
|
padding-left: 4px;
|
display: inline-flex;
|
}
|
