html, body {
|
margin: 0;
|
padding: 0;
|
width: 100%;
|
height: 100%;
|
color:#fbfbfb;
|
}
|
#cesiumContainer {
|
margin: 0;
|
padding: 0;
|
width: 60%;
|
height: 100%;
|
}
|
#cesiumCamera {
|
position: absolute;
|
z-index: 2;
|
background-color: rgba(47, 53, 60, 1);
|
padding: 0 5px;
|
right: 0px;
|
top: 0px;
|
margin: 0;
|
width: 40%;
|
height: 70%;
|
border: 1px solid #000;
|
}
|
#cesiumBotton {
|
position: absolute;
|
z-index: 2;
|
background-color: rgb(239, 242, 245);
|
padding: 0 5px;
|
right: 0px;
|
bottom: 30px;
|
margin: 0;
|
width: 40%;
|
height: calc(30% - 30px);
|
}
|
.moveResult{position:absolute;z-index:2;background-color:rgba(47,53,60,1);padding:0 5px;right:40%;bottom:30px;
|
border:1px solid rgba(255,255,255,.1);box-sizing:content-box;width:220px;height:30px;font-size:14px;text-align:center}
|
.cammoveResult{position:absolute;z-index:2;background-color:rgba(47,53,60,1);padding:0 5px;right:calc(40% + 230px);bottom:30px;
|
border:1px solid rgba(255,255,255,.1);box-sizing:content-box;width:400px;height:30px;font-size:14px;text-align:center}
|
.moveResultCon{margin-top:4px}
|
.cammoveResultCon{margin-top:4px}
|
.box_lt{width:10px;height:10px;position:absolute;border-top:2px solid #00d3e7;border-left:2px solid #00d3e7;left:0px;top:0px;}
|
.box_rt{width:10px;height:10px;position:absolute;border-top:2px solid #00d3e7;border-right:2px solid #00d3e7;right:0px;top:0px;}
|
.box_rb{width:10px;height:10px;position:absolute;border-bottom:2px solid #00d3e7;border-right:2px solid #00d3e7;right:0px;bottom:0px;}
|
.box_lb{width:10px;height:10px;position:absolute;border-bottom:2px solid #00d3e7;border-left:2px solid #00d3e7;left:0px;bottom:0px;}
|
|
button {
|
width:60px;height:40px;
|
margin: 10px !important;
|
padding: 10px 20px;
|
background-color: #007BFF;
|
color: white;
|
border: none;
|
border-radius: 5px;
|
cursor: pointer;
|
font-size: 16px;
|
}
|
|
button:hover {
|
background-color: #0056b3; /* 按钮悬停时的背景颜色 */
|
}
|
