charging.wxss 5.9 KB

1
  1. .data-v-6a403404 ax-custom-title{z-index:9999!important}.page-background.data-v-6a403404{display:block;position:fixed;top:0;left:0;width:100%;height:100%}.body.data-v-6a403404{display:flex;flex-direction:column;width:100%;height:100%;position:relative;z-index:1}.exiting.data-v-6a403404{content:"正在结束";display:flex;align-items:center;justify-content:center;color:#fff;position:fixed;top:0;left:0;width:100%;height:100%;font-size:14px;overflow:hidden;z-index:999999}.exiting.lock.data-v-6a403404{color:#3eb6f8}.exiting .icon.data-v-6a403404{display:flex;align-items:center;justify-content:center;font-size:14vw;margin-bottom:10px;color:inherit}@-webkit-keyframes show-long-press-data-v-6a403404{0%{opacity:0}100%{opacity:1}}@keyframes show-long-press-data-v-6a403404{0%{opacity:0}100%{opacity:1}}.exiting > .mask.data-v-6a403404{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transform-origin:top;transform-origin:top;-webkit-animation:show-long-press-data-v-6a403404 .3s ease;animation:show-long-press-data-v-6a403404 .3s ease}.exiting > .contet.data-v-6a403404{position:relative;z-index:1}.exiting .exiting-title.data-v-6a403404{font-weight:700;font-size:18px;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.exiting .close.data-v-6a403404{-webkit-transform:translateY(150%);transform:translateY(150%);border:1px solid #fff;border-radius:100px;padding:5px 15px}.timer.data-v-6a403404{text-align:center}.timer .value.data-v-6a403404{color:#3eb6f8;font-size:30px;font-weight:700}.timer .name.data-v-6a403404{font-weight:700;margin-top:5px}.host-graph.data-v-6a403404{margin-top:20px}.host-graph .image.data-v-6a403404{width:60vw}.parameter.data-v-6a403404{display:flex;align-items:center;justify-content:space-between;padding:0 10px;margin:0 20px;margin-top:10px}.parameter .param.data-v-6a403404{display:flex;align-items:center;justify-content:center;flex-direction:column}.parameter .param .value.data-v-6a403404{font-size:20px;font-weight:700}.parameter .param .name.data-v-6a403404{font-size:14px;color:#aaa;margin-top:7px}.statbar.data-v-6a403404{display:flex;align-items:center;justify-content:space-around;height:80px;padding:0 10px;border-radius:8px;margin:15px 20px;background-color:#f2f8ff;box-shadow:0 3px 6px rgba(122,168,222,.3);position:relative}.statbar.data-v-6a403404::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:0 8px 8px #fff inset}.statbar .sta.data-v-6a403404{display:flex;align-items:center;justify-content:center;flex-direction:column}.statbar .sta .value.data-v-6a403404{color:#3eb6f8;font-size:24px;font-weight:700}.statbar .sta .name.data-v-6a403404{font-size:14px;font-weight:700}.statbar .split.data-v-6a403404{display:block;height:58px;border-left:1px solid #e5f1ff}.info.data-v-6a403404{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:16px 16px 0 0;padding:10px;box-sizing:border-box}.info .cell.data-v-6a403404{display:flex;align-items:center;justify-content:space-between;font-size:14px;height:32px;padding:0 10px}.info .cell .contet.data-v-6a403404{color:#aaa}.info .tips.data-v-6a403404{flex:1;display:flex;align-items:center;justify-content:center;font-size:12px;color:#aaa}.info .end.data-v-6a403404{display:flex;align-items:center;justify-content:center;font-size:14px;border-radius:8px;height:50px;background:linear-gradient(90deg,#8ff8fb,#47aeff)}.info .end.data-v-6a403404::after{display:none}.info .end[disabled].data-v-6a403404{background:#ddd;color:#aaa}.countdown-ring.data-v-6a403404{--countdown-ring-size:150px;--countdown-ring-color:var(--color-red);--countdown-ring-duration:2s;display:flex;width:var(--countdown-ring-size);height:var(--countdown-ring-size);border-radius:100%;position:relative}.countdown-ring > ._button.data-v-6a403404{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;width:calc(var(--countdown-ring-size) - 35px);height:calc(var(--countdown-ring-size) - 35px);color:#fff;font-size:18px;font-weight:700;background-color:var(--countdown-ring-color);border-radius:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.countdown-ring > ._half.data-v-6a403404{flex:1;height:var(--countdown-ring-size);overflow:hidden;position:relative;z-index:1}.countdown-ring > ._half.data-v-6a403404::after{content:"";display:block;width:var(--countdown-ring-size);height:var(--countdown-ring-size);border:8px solid transparent;border-radius:100%;box-sizing:border-box;position:absolute;top:0;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.countdown-ring > ._half.left.data-v-6a403404::after{left:0;border-bottom-color:var(--countdown-ring-color);border-left-color:var(--countdown-ring-color)}.countdown-ring > ._half.right.data-v-6a403404::after{right:0;border-top-color:var(--countdown-ring-color);border-right-color:var(--countdown-ring-color)}.countdown-ring.active > ._half.left.data-v-6a403404::after{-webkit-animation:show-data-v-6a403404 calc(var(--countdown-ring-duration) / 2) linear 1;animation:show-data-v-6a403404 calc(var(--countdown-ring-duration) / 2) linear 1;-webkit-animation-delay:calc(var(--countdown-ring-duration) / 2);animation-delay:calc(var(--countdown-ring-duration) / 2);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.countdown-ring.active > ._half.right.data-v-6a403404::after{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:show-data-v-6a403404 calc(var(--countdown-ring-duration) / 2) linear 1;animation:show-data-v-6a403404 calc(var(--countdown-ring-duration) / 2) linear 1}@-webkit-keyframes show-data-v-6a403404{0%{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@keyframes show-data-v-6a403404{0%{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}