/* 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; }