| 12 |
- .layout-lock-screen-fixed[data-v-a2ad8bfb],.layout-lock-screen[data-v-a2ad8bfb],.layout-lock-screen-img[data-v-a2ad8bfb],.layout-lock-screen-mask[data-v-a2ad8bfb]{position:fixed;top:0;left:0;width:100%;height:100%}.layout-lock-screen-filter[data-v-a2ad8bfb]{filter:blur(1px)}.layout-lock-screen-mask[data-v-a2ad8bfb]{background:var(--el-color-white);z-index:9999990}.layout-lock-screen-img[data-v-a2ad8bfb]{background-image:url(https://img-blog.csdnimg.cn/afa9c317667f47d5bea34b85af45979e.png#pic_center);background-size:100% 100%;z-index:9999991}.layout-lock-screen[data-v-a2ad8bfb]{z-index:9999992}.layout-lock-screen-date[data-v-a2ad8bfb]{position:absolute;left:0;top:0;width:100%;height:100%;color:var(--el-color-white);z-index:9999993;user-select:none}.layout-lock-screen-date-box[data-v-a2ad8bfb]{position:absolute;left:30px;bottom:50px}.layout-lock-screen-date-box-time[data-v-a2ad8bfb]{font-size:100px;color:var(--el-color-white)}.layout-lock-screen-date-box-info[data-v-a2ad8bfb]{font-size:40px;color:var(--el-color-white)}.layout-lock-screen-date-box-minutes[data-v-a2ad8bfb]{font-size:16px}.layout-lock-screen-date-top[data-v-a2ad8bfb]{width:40px;height:40px;line-height:40px;border-radius:100%;border:1px solid var(--el-border-color-light, #ebeef5);background:rgba(255,255,255,.1);color:var(--el-color-white);opacity:.8;position:absolute;right:30px;bottom:50px;text-align:center;overflow:hidden;transition:all .3s ease}.layout-lock-screen-date-top i[data-v-a2ad8bfb]{transition:all .3s ease}.layout-lock-screen-date-top-text[data-v-a2ad8bfb]{opacity:0;position:absolute;top:150%;font-size:12px;color:var(--el-color-white);left:50%;line-height:1.2;transform:translate(-50%,-50%);transition:all .3s ease;width:35px}.layout-lock-screen-date-top[data-v-a2ad8bfb]:hover{border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.2);box-shadow:0 0 12px #ffffff80;color:var(--el-color-white);opacity:1;transition:all .3s ease}.layout-lock-screen-date-top:hover i[data-v-a2ad8bfb]{transform:translateY(-40px);transition:all .3s ease}.layout-lock-screen-date-top:hover .layout-lock-screen-date-top-text[data-v-a2ad8bfb]{opacity:1;top:50%;transition:all .3s ease}.layout-lock-screen-login[data-v-a2ad8bfb]{position:relative;z-index:9999994;width:100%;height:100%;left:0;top:0;display:flex;flex-direction:column;justify-content:center;color:var(--el-color-white)}.layout-lock-screen-login-box[data-v-a2ad8bfb]{text-align:center;margin:auto}.layout-lock-screen-login-box-img[data-v-a2ad8bfb]{width:180px;height:180px;margin:auto}.layout-lock-screen-login-box-img img[data-v-a2ad8bfb]{width:100%;height:100%;border-radius:100%}.layout-lock-screen-login-box-name[data-v-a2ad8bfb]{font-size:26px;margin:15px 0 30px}.layout-lock-screen-login-icon[data-v-a2ad8bfb]{position:absolute;right:30px;bottom:30px}.layout-lock-screen-login-icon i[data-v-a2ad8bfb]{font-size:20px;margin-left:15px;cursor:pointer;opacity:.8}.layout-lock-screen-login-icon i[data-v-a2ad8bfb]:hover{opacity:1}[data-v-a2ad8bfb] .el-input-group__append{background:var(--el-color-white);padding:0 15px}[data-v-a2ad8bfb] .el-input__inner{border-right-color:var(--el-border-color-extra-light)}[data-v-a2ad8bfb] .el-input__inner:hover{border-color:var(--el-border-color-extra-light)}
|
