1 |
- :root{--van-nav-bar-height:46px;--van-nav-bar-background:var(--van-background-2);--van-nav-bar-arrow-size:16px;--van-nav-bar-icon-color:var(--van-primary-color);--van-nav-bar-text-color:var(--van-primary-color);--van-nav-bar-title-font-size:var(--van-font-size-lg);--van-nav-bar-title-text-color:var(--van-text-color);--van-nav-bar-z-index:1}.van-nav-bar{position:relative;z-index:var(--van-nav-bar-z-index);line-height:var(--van-line-height-lg);text-align:center;background:var(--van-nav-bar-background);-webkit-user-select:none;-moz-user-select:none;user-select:none}.van-nav-bar--fixed{position:fixed;top:0;left:0;width:100%}.van-nav-bar--safe-area-inset-top{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-nav-bar .van-icon{color:var(--van-nav-bar-icon-color)}.van-nav-bar__content{position:relative;display:flex;align-items:center;height:var(--van-nav-bar-height)}.van-nav-bar__arrow{margin-right:var(--van-padding-base);font-size:var(--van-nav-bar-arrow-size)}.van-nav-bar__title{max-width:60%;margin:0 auto;color:var(--van-nav-bar-title-text-color);font-weight:var(--van-font-bold);font-size:var(--van-nav-bar-title-font-size)}.van-nav-bar__left,.van-nav-bar__right{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 var(--van-padding-md);font-size:var(--van-font-size-md)}.van-nav-bar__left{left:0}.van-nav-bar__right{right:0}.van-nav-bar__text{color:var(--van-nav-bar-text-color)}:root{--van-image-placeholder-text-color:var(--van-text-color-2);--van-image-placeholder-font-size:var(--van-font-size-md);--van-image-placeholder-background:var(--van-background);--van-image-loading-icon-size:32px;--van-image-loading-icon-color:var(--van-gray-4);--van-image-error-icon-size:32px;--van-image-error-icon-color:var(--van-gray-4)}.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:var(--van-radius-max)}.van-image--round .van-image__img{border-radius:inherit}.van-image--block{display:block}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--van-image-placeholder-text-color);font-size:var(--van-image-placeholder-font-size);background:var(--van-image-placeholder-background)}.van-image__loading-icon{color:var(--van-image-loading-icon-color);font-size:var(--van-image-loading-icon-size)}.van-image__error-icon{color:var(--van-image-error-icon-color);font-size:var(--van-image-error-icon-size)}.commonCharts,.van-image{background:#fff}.commonCharts{box-sizing:border-box;margin:12px 12px 0;border-radius:5px}.commonCharts .title{display:flex;font-size:14px;color:#333;line-height:50px}.commonCharts .title img{width:20px;height:20px;margin:15px 8px 15px 15px}#myCharts{height:250px}.fermentator-header[data-v-3a9e2daa]{display:flex;justify-content:space-between;margin-top:12px;padding:0 12px}.fermentator-header .mode[data-v-3a9e2daa],.fermentator-header .status[data-v-3a9e2daa]{width:49%;background:#fff;padding:12px;box-sizing:border-box;display:flex}.fermentator-header .mode .label[data-v-3a9e2daa],.fermentator-header .status .label[data-v-3a9e2daa]{font-size:14px;color:#666}.fermentator-header .mode .value[data-v-3a9e2daa],.fermentator-header .status .value[data-v-3a9e2daa]{font-weight:700;font-size:16px;color:#f80;margin-top:6px}.fermentator-header .mode .img[data-v-3a9e2daa],.fermentator-header .status .img[data-v-3a9e2daa]{width:50px;height:50px;margin-right:12px}.fermentator-header .mode .img img[data-v-3a9e2daa],.fermentator-header .status .img img[data-v-3a9e2daa]{width:100%;height:100%}.assemble .speed-warp .sm-box[data-v-3a9e2daa]:nth-child(2n){margin-left:2%}.assemble .speed-warp .sm-box[data-v-3a9e2daa]{width:49%;float:left;height:60px;display:flex;justify-content:space-between;align-items:center;background:#fff;padding:0 12px;box-sizing:border-box;border-radius:5px;margin-bottom:8px}.assemble .speed-warp .sm-box .icon[data-v-3a9e2daa]{width:20px;height:20px;border:4px solid #f1ebfd;box-sizing:border-box;background:#bb99f6;border-radius:10px}.assemble .speed-warp .sm-box .text[data-v-3a9e2daa]{font-size:14px;color:#666}.assemble .speed-warp .sm-box .num-or-line .num[data-v-3a9e2daa]{font-size:14px;color:#333;font-weight:700}.assemble .speed-warp .sm-box .num-or-line .line[data-v-3a9e2daa]{width:30px;height:6px;border-radius:3px;background:#eee}.assemble .speed-warp .sm-box .num-or-line .line div[data-v-3a9e2daa]{width:50%;height:100%;background:#bb99f6;border-radius:3px}.assemble .speed-warp .big-box[data-v-3a9e2daa]{display:flex;height:64px;background:#fff;margin:22px 12px 12px;border-radius:5px;justify-content:space-between;align-items:center;padding:0 12px}.assemble .speed-warp .big-box .icon[data-v-3a9e2daa]{width:20px;height:20px;border:4px solid #ffefdc;box-sizing:border-box;background:#ffaf53;border-radius:10px}.assemble .speed-warp .big-box .text[data-v-3a9e2daa]{font-size:14px;color:#333}.assemble .speed-warp .big-box .num[data-v-3a9e2daa]{font-size:14px;color:#333;font-weight:700}.assemble .speed-warp .big-box .line[data-v-3a9e2daa]{width:120px;height:10px;border-radius:5px;background:#eee}.assemble .speed-warp .big-box .line div[data-v-3a9e2daa]{width:50%;height:100%;background:#ffaf53;border-radius:5px}.assemble ul[data-v-3a9e2daa]{padding:0 12px;overflow:hidden;display:flex;justify-content:space-between}.assemble ul li[data-v-3a9e2daa]{width:31%;position:relative;text-align:center;background:#fff;padding:15px 0;box-sizing:border-box;margin-top:8px;border-radius:5px}.assemble ul li .li-num[data-v-3a9e2daa]{color:#333;font-size:20px;line-height:50px;margin-left:12px;font-weight:700}.assemble ul li .li-icon[data-v-3a9e2daa]{height:30px;width:30px;border-radius:5px;overflow:hidden;text-align:center;margin:0 auto}.assemble ul li .li-icon img[data-v-3a9e2daa]{width:100%;height:100%}.assemble ul li .li-text[data-v-3a9e2daa]{margin-top:10px;font-size:14px;color:#666}.assemble ul li .li-stat[data-v-3a9e2daa]{position:absolute;height:16px;width:16px;right:8px;top:8px}.assemble ul li .li-stat-bg[data-v-3a9e2daa]{background:#3fbf31;border-radius:50%;border:3px solid #d8f2d5;box-sizing:border-box}.assemble ul li .li-stat-bg-close[data-v-3a9e2daa]{background:#bbb;border:3px solid #f1f1f1}.assemble ul li .li-stat-img img[data-v-3a9e2daa]{width:100%;height:100%}
|