weixin/pages/system/system.wxss

/* pages/system/system.wxss */
page{
  height: 100%;
}
.overallsituation{
  width: 100%;
  height: 100%;
}

.switch-1{
  width: 100%;
  height: 7.5%;
  background-color: white;
  position: relative;
  border-bottom: 0.5px solid grey;
}

.switch-1 image{
  position: absolute;
}

.Onlinestatus{
  position: absolute;
  right: 5%;
  top: 20%;
  font-weight: 550;
  font-size: calc(100vw * 18/375);
}
/* 下拉选择 */
.Dropdown{
  height: 100%;
  width: 70%;
  margin-left: 15%;
}
/* 分组下拉选择 */
.group{
  background-color: cornflowerblue;
  color: white;
  font-size: calc(100vw * 18/375);
  float: left;
  margin-top: 5%;
  height:calc(100vw * 24/375);
  max-width: 60%;
}
/* 设备下拉选择 */
.device{
  background-color: cornflowerblue;
  color: white;
  font-size: calc(100vw * 18/375);
  margin-left: 3%;
  float: left;
  margin-top: 5%;
  height: calc(100vw * 24/375);
  max-width: 37%;
}


.Calibration-time{
  position: relative;
  width: 100%;
  height: 7.3%;
}

.Calibration-time text{
  font-weight: 600 ;
  font-size: calc(100vw * 16/375);
  position: absolute;
  top: 25%;
}
/* 校准时间 */
.Calibration-time button{
  height: 75%;
  position: absolute;
  right: 5.3%;
  top:12.5%;
  background-color: bisque;
  display: flex;
  align-items:center;
  justify-content:center; 
  font-size: calc(100vw * 12/375);
}
.Calibration-time button:active{
  box-shadow:white;
  transform: translateY(4px);
}
/* 主体 */
.adjustment{
  width: 90.6%;
  height: 74%;
  margin:0 auto;
}

.adjustment-1{
  width: 100%;
  height: 11.9%;
  margin-top: 0.48%;
  background-color: cornflowerblue;
  position: relative;
}

.adjustment-1 image{
  position: absolute;
  top:15%;
  left: 3%;
  width: 9.5%;
  height: 61.2%;
}

.adjustment-1 text{
  position:absolute;
  top:29%;
  font-weight: 550;
  font-size: calc(100vw * 18/375);
}

.adjustment-1 picker{
  position: absolute;
  height: 61.2%;
  background-color: blue;
  border-radius: 5px;
  color: white;
  text-align: center;
  display: flex;
  align-items:center;
  justify-content:center; 
  font-size: calc(100vw * 14/375);
}
.adjustment-1-1{
  position: absolute;
  height: 30px;
  border-radius: 5px;
  color: white;
  text-align: center;
  line-height: 30px;
  font-size: 12px;
}

.adjustment-1 button{
  background-color: blue;
  position:absolute;
  font-size: calc(100vw * 12/375);
  color:white;
  height: 60%;
  display: flex;
  align-items:center;
  justify-content:center; 
}
/* 经纬度输入框 */
.longitude-input{
  background-color: white;
  height: 30px;
}

.latitude-input{
  background-color: white;
  height: 40px;
}

.Refresh{
  margin-top: 1%;
  width: 100%;
  height: 9.5%;
  position: relative;
}
.Refresh button:active{
  box-shadow:cornflowerblue;
  transform: translateY(4px);
}
/* 刷新页面 */
.Refresh-1{
  width: 28%;
  height: 75%;
  position: absolute;
  left: 10.6%;
  top:9.6%;
  background-color: cornflowerblue;
  font-size: calc(100vw * 18/375);
  color:white;
  display: flex;
  align-items:center;
  justify-content:center; 
}
/* 存储数据 */
.Refresh-2{
  width: 28%;
  height: 75%;
  position: absolute;
  right: 10.6%;
  top:9.6%;
  background-color: cornflowerblue;
  color: white;
  font-size: calc(100vw * 18/375);
  display: flex;
  align-items:center;
  justify-content:center; 
}