Skip to content

H
haoban-3
Commit a052badc by fairyly
Options

fix: 修改弹窗效果

parent 02b832dc
Showing with 146 additions and 22 deletions
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.24.css><link href=./static/css/app.5c90e6e81805b9569799dbf3d46fdaad.css rel=stylesheet></head><body style="min-width: 1400px;" class=damolish><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.04.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.ef18bf43c81cdf306346.js></script><script type=text/javascript src=./static/js/vendor.74aa0a1e6f16f3fa6e13.js></script><script type=text/javascript src=./static/js/app.b41724cf1d0ca8d6468a.js></script></body></html> <!DOCTYPE html><html><head><meta charset=utf-8><link rel="shortcut icon" href=./favicon.ico><title>好办管理平台</title><link rel=stylesheet type=text/css href=//web-1251519181.file.myqcloud.com/custom-element/custom-element.1.0.24.css><link href=./static/css/app.984f2487559f7e46961ee35b2db6b600.css rel=stylesheet></head><body style="min-width: 1400px;" class=damolish><div id=app></div><script src=//web-1251519181.file.myqcloud.com/lib/vue/2.6.6/vue.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vue-router/3.0.2/vue-router.min.js></script><script src=//web-1251519181.file.myqcloud.com/lib/vuex/3.1.0/vuex.min.js></script><script src=//web-1251519181.file.myqcloud.com/components/img-preview.2.0.00.js></script><script src=//web-1251519181.file.myqcloud.com/components/footer.2.0.04.js></script><script>// Raven.config('https://3715a345910d4c768e7a1ec14619c2d5@sentry.io/1413672').install();</script><script type=text/javascript src=./static/js/manifest.ef18bf43c81cdf306346.js></script><script type=text/javascript src=./static/js/vendor.74aa0a1e6f16f3fa6e13.js></script><script type=text/javascript src=./static/js/app.b41724cf1d0ca8d6468a.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/css/public.css
...@@ -322,7 +322,6 @@ input:focus { ...@@ -322,7 +322,6 @@ input:focus {
.block { .block {
display: block; display: block;
} }
.vertical-top { .vertical-top {
vertical-align: top; vertical-align: top;
} }
...@@ -1085,7 +1084,7 @@ div.el-dialog__footer { ...@@ -1085,7 +1084,7 @@ div.el-dialog__footer {
border-top: 0px solid #dcdfe6; border-top: 0px solid #dcdfe6;
} }
.mult-del-textarea textarea { .mult-del-textarea textarea {
height:148px; height: 148px;
} }
/* 按钮 */ /* 按钮 */
...@@ -1110,7 +1109,6 @@ button.el-button--danger.is-plain { ...@@ -1110,7 +1109,6 @@ button.el-button--danger.is-plain {
border-color: #c4c6cf; border-color: #c4c6cf;
} }
/* 拖拽 */ /* 拖拽 */
.sortable-chosen.sortable-ghost .li-cell { .sortable-chosen.sortable-ghost .li-cell {
min-height: 2px; min-height: 2px;
...@@ -1136,7 +1134,7 @@ button.el-button--danger.is-plain { ...@@ -1136,7 +1134,7 @@ button.el-button--danger.is-plain {
border-radius: 50%; border-radius: 50%;
border: 1px solid #e4e7ed; border: 1px solid #e4e7ed;
background: #fff; background: #fff;
z-index:1; z-index: 1;
} }
.sortable-chosen.sortable-ghost > .li-cell > .li-cell-inner::after { .sortable-chosen.sortable-ghost > .li-cell > .li-cell-inner::after {
content: " "; content: " ";
...@@ -1147,7 +1145,6 @@ button.el-button--danger.is-plain { ...@@ -1147,7 +1145,6 @@ button.el-button--danger.is-plain {
height: 2px; height: 2px;
border-bottom: 2px solid #e4e7ed; border-bottom: 2px solid #e4e7ed;
} }
.sortable-chosen.sortable-ghost > .li-cell-copy::before { .sortable-chosen.sortable-ghost > .li-cell-copy::before {
content: " "; content: " ";
position: absolute; position: absolute;
...@@ -1158,9 +1155,8 @@ button.el-button--danger.is-plain { ...@@ -1158,9 +1155,8 @@ button.el-button--danger.is-plain {
border-radius: 50%; border-radius: 50%;
border: 1px solid #e4e7ed; border: 1px solid #e4e7ed;
background: #fff; background: #fff;
z-index:1; z-index: 1;
} }
.sortable-chosen.sortable-ghost .li-cell-copy span { .sortable-chosen.sortable-ghost .li-cell-copy span {
opacity: 0; opacity: 0;
} }
...@@ -1173,15 +1169,81 @@ button.el-button--danger.is-plain { ...@@ -1173,15 +1169,81 @@ button.el-button--danger.is-plain {
height: 2px; height: 2px;
border-bottom: 2px solid #e4e7ed; border-bottom: 2px solid #e4e7ed;
} }
.sortable-chosen.sortable-ghost:parent { .sortable-chosen.sortable-ghost:parent {
border: 2px solid #e4e7ed; border: 2px solid #e4e7ed;
} }
.el-loading-mask .el-loading-spinner i { .el-loading-mask .el-loading-spinner i {
font-size: 50px; font-size: 50px;
} }
.el-loading-mask .el-loading-spinner p { .el-loading-mask .el-loading-spinner p {
margin: 30px auto; margin: 30px auto;
} }
/* 弹窗效果 */
.dialog-fade-enter-active {
-webkit-animation: dialog-fade-in .3s;
animation: dialog-fade-in .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dialog-fade-leave-active {
-webkit-animation: dialog-fade-out .3s;
animation: dialog-fade-out .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dialog-fade-enter-active {
transform: scale(0);
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.dialog-fade-leave-active {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes dialog-fade-in {
0% {
opacity: 0;
transform: scale(0, 0);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}
@keyframes dialog-fade-in {
0% {
opacity: 0;
transform: scale(0, 0);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}
@-webkit-keyframes dialog-fade-out {
0% {
transform: scale(1, 1)
}
100% {
opacity: 0;
transform: scale(0, 0);
}
}
@keyframes dialog-fade-out {
0% {
transform: scale(1, 1)
}
100% {
opacity: 0;
transform: scale(0, 0);
}
}
static/css/public.css
...@@ -322,7 +322,6 @@ input:focus { ...@@ -322,7 +322,6 @@ input:focus {
.block { .block {
display: block; display: block;
} }
.vertical-top { .vertical-top {
vertical-align: top; vertical-align: top;
} }
...@@ -1085,7 +1084,7 @@ div.el-dialog__footer { ...@@ -1085,7 +1084,7 @@ div.el-dialog__footer {
border-top: 0px solid #dcdfe6; border-top: 0px solid #dcdfe6;
} }
.mult-del-textarea textarea { .mult-del-textarea textarea {
height:148px; height: 148px;
} }
/* 按钮 */ /* 按钮 */
...@@ -1110,7 +1109,6 @@ button.el-button--danger.is-plain { ...@@ -1110,7 +1109,6 @@ button.el-button--danger.is-plain {
border-color: #c4c6cf; border-color: #c4c6cf;
} }
/* 拖拽 */ /* 拖拽 */
.sortable-chosen.sortable-ghost .li-cell { .sortable-chosen.sortable-ghost .li-cell {
min-height: 2px; min-height: 2px;
...@@ -1136,7 +1134,7 @@ button.el-button--danger.is-plain { ...@@ -1136,7 +1134,7 @@ button.el-button--danger.is-plain {
border-radius: 50%; border-radius: 50%;
border: 1px solid #e4e7ed; border: 1px solid #e4e7ed;
background: #fff; background: #fff;
z-index:1; z-index: 1;
} }
.sortable-chosen.sortable-ghost > .li-cell > .li-cell-inner::after { .sortable-chosen.sortable-ghost > .li-cell > .li-cell-inner::after {
content: " "; content: " ";
...@@ -1147,7 +1145,6 @@ button.el-button--danger.is-plain { ...@@ -1147,7 +1145,6 @@ button.el-button--danger.is-plain {
height: 2px; height: 2px;
border-bottom: 2px solid #e4e7ed; border-bottom: 2px solid #e4e7ed;
} }
.sortable-chosen.sortable-ghost > .li-cell-copy::before { .sortable-chosen.sortable-ghost > .li-cell-copy::before {
content: " "; content: " ";
position: absolute; position: absolute;
...@@ -1158,9 +1155,8 @@ button.el-button--danger.is-plain { ...@@ -1158,9 +1155,8 @@ button.el-button--danger.is-plain {
border-radius: 50%; border-radius: 50%;
border: 1px solid #e4e7ed; border: 1px solid #e4e7ed;
background: #fff; background: #fff;
z-index:1; z-index: 1;
} }
.sortable-chosen.sortable-ghost .li-cell-copy span { .sortable-chosen.sortable-ghost .li-cell-copy span {
opacity: 0; opacity: 0;
} }
...@@ -1173,15 +1169,81 @@ button.el-button--danger.is-plain { ...@@ -1173,15 +1169,81 @@ button.el-button--danger.is-plain {
height: 2px; height: 2px;
border-bottom: 2px solid #e4e7ed; border-bottom: 2px solid #e4e7ed;
} }
.sortable-chosen.sortable-ghost:parent { .sortable-chosen.sortable-ghost:parent {
border: 2px solid #e4e7ed; border: 2px solid #e4e7ed;
} }
.el-loading-mask .el-loading-spinner i { .el-loading-mask .el-loading-spinner i {
font-size: 50px; font-size: 50px;
} }
.el-loading-mask .el-loading-spinner p { .el-loading-mask .el-loading-spinner p {
margin: 30px auto; margin: 30px auto;
} }
/* 弹窗效果 */
.dialog-fade-enter-active {
-webkit-animation: dialog-fade-in .3s;
animation: dialog-fade-in .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dialog-fade-leave-active {
-webkit-animation: dialog-fade-out .3s;
animation: dialog-fade-out .3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.dialog-fade-enter-active {
transform: scale(0);
-webkit-animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.dialog-fade-leave-active {
-webkit-animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@-webkit-keyframes dialog-fade-in {
0% {
opacity: 0;
transform: scale(0, 0);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}
@keyframes dialog-fade-in {
0% {
opacity: 0;
transform: scale(0, 0);
}
100% {
opacity: 1;
transform: scale(1, 1);
}
}
@-webkit-keyframes dialog-fade-out {
0% {
transform: scale(1, 1)
}
100% {
opacity: 0;
transform: scale(0, 0);
}
}
@keyframes dialog-fade-out {
0% {
transform: scale(1, 1)
}
100% {
opacity: 0;
transform: scale(0, 0);
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment