Skip to content

H
haoban-3
Commit df04d73e by fairyly
Options

fix: 修改弹窗效果

parent a052badc
Showing with 151 additions and 6 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.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> <!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.0ad49c1f36bd1ab6c30a8d2588f29fe0.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.6b231a908d1010ffbd4c.js></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/static/css/dialog.css 0 → 100644
/* 弹窗效果 */
.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);
}
}
src/main.js
...@@ -3,8 +3,8 @@ ...@@ -3,8 +3,8 @@
* @version: 1.0.0 * @version: 1.0.0
* @Author: 无尘 * @Author: 无尘
* @Date: 2018-10-08 10:45:05 * @Date: 2018-10-08 10:45:05
* @LastEditors: 无尘 * @LastEditors : 无尘
* @LastEditTime: 2020-03-19 09:37:40 * @LastEditTime : 2020-04-07 15:02:20
*/ */
import 'babel-polyfill'; import 'babel-polyfill';
import promise from 'es6-promise'; import promise from 'es6-promise';
...@@ -19,9 +19,10 @@ import store from './store/store'; ...@@ -19,9 +19,10 @@ import store from './store/store';
/* eslint-disable */ /* eslint-disable */
import * as types from './store/types'; import * as types from './store/types';
import '../static/css/index.less'; import '../static/css/index.less';
import 'element-ui/lib/theme-chalk/index.css' import 'element-ui/lib/theme-chalk/index.css';
import '../static/font/iconfont.css'; import '../static/font/iconfont.css';
import '../theme/index.css'; import '../theme/index.css';
import '../static/css/dialog.css';
import filters from './filters/index.js'; import filters from './filters/index.js';
import vueOfficeHeader from '@gic-test/vue-office-header'; import vueOfficeHeader from '@gic-test/vue-office-header';
...@@ -67,7 +68,7 @@ router.beforeEach((to, from, next) => { ...@@ -67,7 +68,7 @@ router.beforeEach((to, from, next) => {
axiosPromiseArr.forEach((ele, index) => { axiosPromiseArr.forEach((ele, index) => {
ele.cancel(); ele.cancel();
delete axiosPromiseArr[index]; delete axiosPromiseArr[index];
}) });
} }
let baseUrl; let baseUrl;
......
static/css/dialog.css 0 → 100644
/* 弹窗效果 */
.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