diff --git a/src/assets/images/dialog_left_bottom.png b/src/assets/images/dialog_left_bottom.png new file mode 100644 index 0000000..8d62d26 Binary files /dev/null and b/src/assets/images/dialog_left_bottom.png differ diff --git a/src/assets/images/dialog_left_top.png b/src/assets/images/dialog_left_top.png new file mode 100644 index 0000000..997eeba Binary files /dev/null and b/src/assets/images/dialog_left_top.png differ diff --git a/src/assets/images/dialog_right_bottom.png b/src/assets/images/dialog_right_bottom.png new file mode 100644 index 0000000..9a7d141 Binary files /dev/null and b/src/assets/images/dialog_right_bottom.png differ diff --git a/src/assets/images/dialog_right_top.png b/src/assets/images/dialog_right_top.png new file mode 100644 index 0000000..85b0d02 Binary files /dev/null and b/src/assets/images/dialog_right_top.png differ diff --git a/src/assets/styles/yxk-admin.scss b/src/assets/styles/yxk-admin.scss index ce8c18d..46f24bb 100644 --- a/src/assets/styles/yxk-admin.scss +++ b/src/assets/styles/yxk-admin.scss @@ -465,7 +465,6 @@ .el-dialog{ position: relative; width: 620px; - margin-top: 16vh !important; padding: 2px; background: linear-gradient(135deg, transparent 10px, #339CFF 0) top left, linear-gradient(-135deg, transparent 10px, #339CFF 0) top right, @@ -473,7 +472,6 @@ linear-gradient(45deg, transparent 10px, #339CFF 0) bottom left; background-size: 50% 50%; background-repeat: no-repeat; - box-shadow: none; &::before, &::after, .dialog-right-top, @@ -482,33 +480,39 @@ content: ""; width: 134px; height: 63px; - z-index: -1; + z-index: 99; } &::before{ - left: -10px; - top: -28px; - background: url(~@/assets/images/left_top.png) no-repeat; + left: -6px; + top: -6px; + background: url(~@/assets/images/dialog_left_top.png) no-repeat; + background-size: contain; } &::after{ - right: -20px; - bottom: -10px; - background: url(~@/assets/images/right_bottom.png) no-repeat; + right: -18px; + bottom: -7px; + background: url(~@/assets/images/dialog_right_bottom.png) no-repeat; + background-size: contain; } .dialog-right-top{ - right: -20px; - top: -28px; - background: url(~@/assets/images/right_top.png) no-repeat; + right: -23px; + top: -6px; + background: url(~@/assets/images/dialog_right_top.png) no-repeat; + background-size: contain; } .dialog-left-bottom{ - left: -10px; - bottom: -10px; - background: url(~@/assets/images/left_bottom.png) no-repeat; + left: -6px; + bottom: -7px; + background: url(~@/assets/images/dialog_left_bottom.png) no-repeat; + background-size: contain; } .el-dialog__header{ - position: relative; - margin: -60px auto 0 auto; + position: absolute; + top: -40px; + left: 50%; width: 360px; padding: 0; + transform: translateX(-50%); &::before{ position: absolute; left: -23px; @@ -549,7 +553,6 @@ font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - font-size: 24px; color: #339CFF; &::before{ @@ -559,16 +562,17 @@ } .el-dialog__body{ width: 100%; + background-color: #031435; + // border: 2px solid #339CFF; // min-height: 400px; - background: linear-gradient(135deg, transparent 12px, #031435 0) top left, - linear-gradient(-135deg, transparent 12px, #031435 0) top right, - linear-gradient(-45deg, transparent 12px, #031435 0) bottom right, - linear-gradient(45deg, transparent 12px, #031435 0) bottom left; - background-size: 50% 50%; - background-repeat: no-repeat; - box-shadow: inset 0px 0px 8px 1px rgba(51, 156, 255, 0.6); + // background: linear-gradient(135deg, transparent 12px, #031435 0) top left, + // linear-gradient(-135deg, transparent 12px, #031435 0) top right, + // linear-gradient(-45deg, transparent 12px, #031435 0) bottom right, + // linear-gradient(45deg, transparent 12px, #031435 0) bottom left; + // background-size: 50% 50%; + // background-repeat: no-repeat; + // box-shadow: inset 0px 0px 8px 1px rgba(51, 156, 255, 0.6); } - .el-form{ .el-form-item__label{ line-height: 36px;