diff --git a/src/assets/styles/index.scss b/src/assets/styles/index.scss index 1f38eca..4ce8abe 100644 --- a/src/assets/styles/index.scss +++ b/src/assets/styles/index.scss @@ -298,6 +298,7 @@ body, height: 1160px; //width: 1300px; } + #containerFan { flex: 1; height: 1160px; @@ -452,32 +453,44 @@ body, .el-overlay-message-box { .el-message-box { - width: 327px; - height:190px; + padding-bottom: 23px; + width: 310px; + //height:190px; background: rgba(7, 35, 72, 0.79); border-radius: 20px; border: 2px solid #0f82af; + .el-message-box__header { + display: none; + //padding: 15px; + } + .el-message-box__title { display: none; } -.el-message-box__close{ - display: none; -} + + .el-message-box__close { + display: none; + } + .el-message-box__content { + padding: 18px 15px; + .el-icon { display: none; } .el-message-box__message { - //text-align: center; + display: flex; + align-items: center; + justify-content: center; //width: 315px; height: 80px; - line-height: 80px; + //line-height: 80px; font-size: 22px; font-weight: bold; color: #08b7b8; - letter-spacing: 3px; + letter-spacing: 0.5px; p { line-height: 40px; @@ -485,7 +498,14 @@ body, } } + .el-message-box__status + .el-message-box__message { + padding-left: 22px; + padding-right: 12px; + word-break: break-word; + } + .el-message-box__btns { + padding: 0; display: flex; justify-content: space-around; @@ -509,9 +529,11 @@ body, .el-dropdown-menu__item:not(.is-disabled):focus { background-color: transparent !important; } + .el-popper__arrow::before { display: none; } + .current-site { .el-select-dropdown { @@ -628,8 +650,9 @@ input[type="number"] { background-color: transparent !important; color: #60DDDE !important; } -.showNull{ - font-size:35px; + +.showNull { + font-size: 35px; min-height: 350px; display: flex; flex-direction: column; @@ -638,17 +661,19 @@ input[type="number"] { color: #2fb0df; letter-spacing: 3px; } + //loading -.loading-block{ +.loading-block { display: flex; flex-direction: column; justify-content: center; align-items: center; - height:900px; + height: 900px; font-size: 55px; color: #38CAFB; letter-spacing: 3px; } + .loading { margin-bottom: 20px; width: 100px; @@ -658,6 +683,7 @@ input[type="number"] { border-radius: 100%; animation: circle infinite 0.75s linear; } + // 转转转动画 @keyframes circle { 0% {