@ -10,10 +10,10 @@
padding : 1 px ;
display : flex ;
flex-direction : column ;
background-color : rgba ( 11 , 75 , 118 , 0 .9 ) ;
background-color : #0A264B ;
. buildingbtnchecked {
color : white ;
background-image : url( "../../../assets/images/标签选中 .png" ) !important ;
background-image : url( "../../../assets/images/selected .png" ) !important ;
}
}
@ -95,6 +95,7 @@
/ / }
/ / }
. headerOperate {
min-height : 55 px ;
position : relative ;
span {
font-size : 18 px ;
@ -102,29 +103,36 @@
flex : 2 % ;
display : flex ;
align-items : center ;
min-height : 40 px ;
box-sizing : border-box ;
margin : 3 px 0 ;
background : url( "../../../assets/images/top.png" ) ;
background-size : 100 % 100 % ;
. logo {
width : 16 px ;
height : 100 % ;
/ / background : url ( " ../../../assets/images/智能实战指挥平台.png " ) no-repeat center ;
}
. bigeditdeletebtn {
margin-right : 12 px ;
height : 80 % ;
height : 10 0% ;
display : flex ;
flex-direction : column ;
/ / align-items : center ; /*由于flex-direction: column，因此align-items代表的是水平方向*/
justify-content : center ;
user-select : none ;
background-image : url( "../../../assets/images/标签正常.png" ) ;
background-size : 100 % 100 % ;
color : white ;
span {
padding : 0 13 px ;
padding-right : 18 px ;
font-size : 20 px ;
font-family : Microsoft YaHei ;
font-weight : 400 ;
color : #FFFFFF ;
}
}
. bigeditdeletebtn : hover {
cursor : pointer ;
background-image : url( "../../../assets/images/标签经过.png" ) ;
/ / background-image : url ( " ../../../assets/images/标签经过.png " ) ;
}
. bigTalkBox {
user-select : none ;
@ -204,6 +212,7 @@
}
. functionalDomain {
flex : 98 % ;
width : 100 % ;
overflow : hidden ;
. functionalDomainContent {
display : flex ;
@ -218,9 +227,12 @@
flex-direction : column ;
margin-left : 0 px ;
transition : margin-left 0 .5 s ;
border : 1 px solid #30bbec ;
left : 0 ;
z-index : 111 ;
background : url( '../../../assets/images/leftlist.png' ) ;
background-size : 100 % 100 % ;
margin : 10 px ;
min-width : 200 px ;
. leftDragDiv {
position : absolute ;
right : 0 ;
@ -231,127 +243,124 @@
}
}
. canvas {
background : url( '../../../assets/images/frame.png' ) ;
background-size : 100 % 100 % ;
flex : 5 ;
margin : 10 px 0 ;
display : flex ;
flex-direction : column ;
. closebottombtn {
width : 30 px ;
vertical-align : sub ;
}
/ / 上面 楼层UI
. topStorey {
flex : 6 % ;
width : 100 % ;
height : 48 px ;
line-height : 48 px ;
color : #fff ;
div {
text-align : center ;
float : left ;
}
. titlename {
width : 150 px ;
height : 48 px ;
background : url( '../../../assets/images/楼层区域.png' ) no-repeat center ;
}
. name {
font-size : 16 px ;
font-family : Microsoft YaHei ;
font-weight : bold ;
color : #FFFFFF ;
}
}
. canvasBox {
flex : 94 % ;
padding : 20 px ;
}
. openbottombtn {
width : 30 px ;
color : white ;
text-align : center ;
height : 30 px ;
line-height : 30 px ;
vertical-align : sub ;
position : absolute ;
left : 5 px ;
bottom : 5 px ;
background-color : rgba ( 2 , 44 , 73 , 0 .9 ) ;
left : 0 ;
bottom : 0 px ;
background : url( '../../../assets/images/形状4.png' ) ;
background-size : 100 % 100 % ;
}
/ / 打开时
. openBottom {
margin-bottom : 0 ;
transition : margin-bottom 1 s ;
height : 150 px ;
transition : height 1 s ;
}
/ / 关闭
. closeBottom {
margin-bottom : - 300 px !important ;
transition : margin-bottom 1 s ;
}
/ / 右侧 楼层UI
. rightStorey {
width : 100 px ;
height : 250 px ;
position : absolute ;
left : 0 ;
top : 50 % ;
margin-top : - 200 px ;
z-index : 9999 ;
display : flex ;
flex-direction : column ;
background-color : rgba ( 2 , 44 , 73 , 0 .9 ) ;
color : #fff ;
font-weight : 300 ;
> div { text-align : center ; line-height : 25 px ; }
}
. showRightStorey {
position : absolute ;
right : 0 ;
top : 50 % ;
margin-top : - 13 px ;
z-index : 9999 ;
width : 26 px ;
height : 26 px ;
line-height : 26 px ;
text-align : center ;
background-color : rgba ( 2 , 44 , 73 , 0 .9 ) ;
color : #fff ;
}
/ / 打开关闭右侧 楼层
. openRight {
margin-right : 0 px ;
transition : margin-right 0 .5 s ;
}
. closeRight {
margin-right : - 300 px ;
transition : margin-right 0 .5 s ;
height : 0 px !important ;
transition : height 1 s ;
}
. canvasbottomCss {
margin-bottom : 0 ;
transition : margin-bottom 0 .5 s ;
overflow : hidden ;
transition : height 0 .5 s ;
position : absolute ;
bottom : 0 ;
width : 100 % ;
height : 20 0px ;
height : 150 px ;
display : flex ;
flex-direction : column ;
. title {
border-bottom : 1 px solid #30bbec ;
flex : 1 ;
div {
cursor : pointer ;
background-color : rgba ( 2 , 44 , 73 , 0 .9 ) ;
background : url( '../../../assets/images/形状4.png' ) ;
background-size : 100 % 100 % ;
width : 120 px ;
height : 30 px ;
line-height : 35 px ;
line-height : 30 px ;
text-align : center ;
margin-right : 10 px ;
color : white ;
font-style : italic ;
font-size : 18 px ;
}
. closebottombtn {
width : 30 px ;
vertical-align : sub ;
background : url( '../../../assets/images/形状6.png' ) ;
background-size : 100 % 100 % ;
}
. detailsAndattentBtn {
background-color : #ed863b ;
background : url( '../../../assets/images/形状5.png' ) ;
background-size : 100 % 100 % ;
}
}
. body {
flex : 10 ;
background-color : rgba ( 2 , 44 , 73 , 0 .9 ) ;
background-color : rgba ( 0 , 19 , 43 , 0 .7 ) ;
border : 1 px solid #84B9FF ;
div {
color : #d0e0f4 ;
color : white ;
font-size : 16 px ;
letter-spacing : 5 px ;
margin : 5 px 0 0 8 px ;
margin : 12 px 15 px ;
}
}
}
}
. functionalDomainRight {
overflow-x : hidden ;
color : white ;
/ / background-color : # 113e5e ;
z-index : 1001 ;
margin-right : 0 px ;
margin : 10 px ;
transition : margin-right 0 .5 s ;
border : 1 px solid #30bbec ;
width : 235 px ;
right : 0 ;
flex : 1 ;
background : url( '../../../assets/images/rightlist.png' ) ;
background-size : 100 % 100 % ;
min-width : 200 px ;
}
/ / 右边导航栏显示隐藏
. togglePanel2 {
@ -369,40 +378,66 @@
/ / 右边操作栏
. title {
width : 100 % ;
height : 40 px ;
line-height : 40 px ;
border-bottom : 2 px solid #accbf2 ;
height : 48 px ;
line-height : 48 px ;
display : flex ;
align-content : center ;
position : relative ;
. segmentation {
position : absolute ;
left : 0 ;
top : 0 ;
right : 0 ;
bottom : 0 ;
margin : 0 auto ;
color : #84B9FF ;
font-size : 18 px ;
font-weight : 100 ;
width : 0 px ;
}
span {
display : inline-block ;
flex : 1 ;
text-align : center ;
font-size : 18 px ;
font-family : Microsoft YaHei ;
font-weight : bold ;
color : #FFFFFF ;
opacity : 0 .6 ;
}
. selectedTitle {
font-size : 18 px ;
font-family : Microsoft YaHei ;
font-weight : bold ;
background : linear-gradient ( 0 deg , #82B0E0 0 % , #FFFFFF 100 % ) ;
background-clip : text ;
-webkit-background-clip : text ;
-webkit-text-fill-color : transparent ;
opacity : 1 ;
}
span : hover {
cursor : pointer ;
}
}
. selectedTitle {
background : #0c2d44 ;
}
/ / 右侧属性
. property {
display : flex ;
flex-flow : column ;
. siteproperty {
margin-top : 10 px ;
height : 100 % ;
overflow-y : auto ;
p {
color : #d0e0f4 ;
padding-left : 7 px ;
color : #fff ;
text-indent : 20 px ;
letter-spacing : 3 px ;
margin : 5 px 0 ;
margin : 8 px 0 ;
}
. siteproperty_size {
border-bottom : 1 px solid #d0e0f4 ;
width : 93 % ;
width : 85 % ;
margin : 0 auto ;
min-height : 21 px ;
color : #2399f1 ;
@ -423,16 +458,15 @@
. assetsproperty {
overflow-y : auto ;
height : 100 % ;
margin-top : 10 px ;
p {
color : #d0e0f4 ;
padding-left : 7 px ;
color : #fff ;
text-indent : 20 px ;
letter-spacing : 3 px ;
margin : 5 px 0 ;
margin : 8 px 0 ;
}
. siteproperty_size {
border-bottom : 1 px solid #d0e0f4 ;
width : 93 % ;
width : 85 % ;
margin : 0 auto ;
min-height : 21 px ;
color : #2399f1 ;
@ -539,8 +573,13 @@
}
. isLookCss {
position : absolute ;
right : 6 px ;
right : 9 px ;
top : 3 px ;
z-index : 1000 ;
img {
width : 18 px ;
height : 14 px ;
}
}
}
. mat-tree {
@ -558,8 +597,7 @@ div:focus {
/ / 没有图片时显示无图片背景图
. noImgCss {
background : url( ../../../assets/images/noImg.png ) ;
background-size : 100 % 100 % ; /*按比例缩放*/
background : url( ../../../assets/images/pic.png ) white no-repeat center ;
}
. input {
width : 18 px ;
@ -575,12 +613,8 @@ div:focus {
min-height : 0 ;
height : 32 px ;
line-height : 32 px ;
font-size : 13 px ;
cursor : pointer ;
}
. treeNode : hover {
background-color : #ccebf8 ;
}
. isLookPattern {
display : none ;
}
@ -589,7 +623,7 @@ div:focus {
white-space : nowrap ;
text-overflow : ellipsis ;
display : inline-block ;
width : 65 px ;
width : 80 px ;
}
. bigBox {
