@charset "UTF-8"; /** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* uni.scss */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .container-lab.data-v-71e217db { width: 100vw; height: 100vh; display: flex; flex-direction: column; } /* 头部 */ .header.data-v-71e217db { width: 100%; height: 12.6vh; padding: 0 3.9vw 0 3.125vw; box-sizing: border-box; display: flex; justify-content: space-between; align-items: flex-end; } .header .header-img.data-v-71e217db { position: absolute; left: 0; top: 0; width: 100%; height: 12.6vh; z-index: -1; } .hleft.data-v-71e217db { width: 16.4vw; height: 100%; font-size: 1.72vw; /*background-color: #009688;*/ /*border-radius: 0 1.56vw 1.56vw 0;*/ padding-left: 2vw; box-sizing: border-box; display: flex; align-items: center; } .hcenter.data-v-71e217db { flex: 1; height: 100%; line-height: 12.6vh; text-align: center; font-size: 3.44vw; color: #ffffff; } .hright.data-v-71e217db { width: 16.4vw; height: 5vh; display: flex; justify-content: flex-end; align-items: center; } .hright ._img.data-v-71e217db { width: 3.125vw; height: auto; cursor: pointer; } /* 中间内容 */ .container.data-v-71e217db { width: 95%; flex: 1; margin: 5vh auto; display: flex; } /* 设备信息 */ .deviceInfo.data-v-71e217db { width: 31.25vw; height: 100%; margin-right: 2vw; background-color: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12); opacity: 1; border-radius: 0.4vw; } .deviceInfoTitle.data-v-71e217db { width: 100%; height: 5.5vh; display: flex; align-items: center; padding-left: 0.78vw; border-bottom: 1px solid #f0f2f5; box-sizing: border-box; margin-bottom: 1vh; } .comImg.data-v-71e217db { width: 2.34vw; height: auto; margin-right: 0.7vw; } .title.data-v-71e217db { display: inline-block; color: #303133; font-size: 1.4vw; } /* 设备信息 */ .deviecDetail.data-v-71e217db { padding-left: 0; } .deviecDetail ._li.data-v-71e217db { list-style: none; width: 100%; height: 6.25vh; line-height: 6.25vh; padding-left: 30px; box-sizing: border-box; } .devicelab.data-v-71e217db { display: inline-block; width: 6.2vw; color: #606266; font-size: 1.2vw; text-align: left; margin-right: 0.5vw; } .tongji.data-v-71e217db { width: 8.3vw !important; font-weight: 700; } .frequency.data-v-71e217db { display: flex; align-items: center; width: 24.8vw; height: 100%; } .num.data-v-71e217db { display: inline-block; width: 20%; color: #303133; margin-left: 10px; font-size: 1.4vw; } .line.data-v-71e217db { width: 80%; height: 1.5vh; background-color: #ededed; border-radius: 0.46vw; } .realline.data-v-71e217db { width: 0%; height: 1.5vh; background-color: #1d66dc; border-radius: 0.46vw; } .footer.data-v-71e217db { margin-top: 6vh; width: 100%; height: 0.8vh; display: flex; justify-content: center; align-items: center; } .tItem.data-v-71e217db { width: 14vw; margin-right: 2vw; margin-bottom: 1.75vh; text-align: center; } .tItem.data-v-71e217db:nth-child(2n) { margin-right: 0; } .tItemTitle.data-v-71e217db { color: #606266; margin-top: 0.45vh; font-size: 1.2vw; font-weight: 700; } .tItemNum.data-v-71e217db { font-size: 1.3vw; color: #3399ff; font-weight: 700; } /* 右侧 */ .deviceRight.data-v-71e217db { width: 60vw; flex: 1; } .deviceTop.data-v-71e217db { width: 100%; display: flex; margin-bottom: 3vh; } /* 实验员信息 */ .deviceInfoTop.data-v-71e217db { width: 100%; height: 12.5vh; padding-left: 2.8vw; box-sizing: border-box; display: flex; margin-bottom: 1.875vh; } .imgBox.data-v-71e217db { width: 7.8vw; height: 13vh; border-radius: 50%; margin-right: 1.4vw; } .imgBox ._img.data-v-71e217db { width: 7.8vw; height: 100%; border-radius: 50%; } /* 实验人员 */ .laboratoryBox.data-v-71e217db { width: 31.25vw; height: 37.5vh; display: flex; flex-direction: column; } .laboratoryBox .nologin.data-v-71e217db { flex: 1; } .nologinImgBox.data-v-71e217db { display: flex; align-items: center; justify-content: center; height: 100%; } .laboratory.data-v-71e217db { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; } .nextLaboratory.data-v-71e217db { width: 100%; display: flex; justify-content: center; } .laboratoryDetail ._li.data-v-71e217db { list-style: none; width: 100%; height: 4.375vh; line-height: 4.375vh; display: flex; } .pd10.data-v-71e217db { padding-left: 10px; } /* */ .laboratoryLab.data-v-71e217db { display: inline-block; width: 3.9vw; color: #606266; font-size: 1.2vw; text-align: right; margin-right: 0.7vw; } /* 下一次预约 */ .nextOrder.data-v-71e217db { width: 28.5vw; height: 37.5vh; margin-right: 0; display: flex; flex-direction: column; } .next-order-wrap.data-v-71e217db { flex: 1; overflow: auto; padding: 0 0 20px 0; } /* 照片 */ .nextTop.data-v-71e217db { width: 100%; display: flex; flex-direction: column; justify-content: space-around; align-items: center; } .nextImgBox.data-v-71e217db { width: 7.8vw; height: 13vh; border-radius: 50%; margin-right: 1.4vw; } .nextNoLoginImgBox.data-v-71e217db { margin-top: 20px; } .nextImgBox ._img.data-v-71e217db { width: 7.8vw; height: 100%; border-radius: 50%; } .nextBox.data-v-71e217db { width: 4.69vw; height: 7.5vh; border-radius: 50%; background-color: #3399ff; color: #fff; display: flex; justify-content: center; align-items: center; } /* 设备数据 */ .deviceData.data-v-71e217db { width: 100%; height: 36.5vh; background-color: #fff; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.12); opacity: 1; border-radius: 0.4vw; } .deviceList.data-v-71e217db { width: 100%; height: 29vh; overflow-y: auto; padding: 0 2.18vw 1.88vh 2.18vw; box-sizing: border-box; } .deviceList ._li.data-v-71e217db { list-style: none; width: 100%; height: 4.75vh; line-height: 4.75vh; font-size: 1.1vw; color: #606266; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px dashed #f0f2f5; display: flex; } .deviceList ._li view.data-v-71e217db:first-child { margin-right: 10px; } .deviceList ._li.data-v-71e217db:hover { color: #3399ff; } .notice-wrap.data-v-71e217db { width: 50vw; height: 60vh; } .notice-wrap .notice-header.data-v-71e217db { padding: 20px 20px 0; font-size: 20px; font-weight: bold; } .notice-wrap .notice-content.data-v-71e217db { padding: 20px; } .screen-save-box.data-v-71e217db { position: fixed; left: 0; top: 0; width: 100%; height: 100%; }