| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117 |
- *{margin:0;padding:0;}
- html,body,#app,.wrapper{
- width:100%;
- height:100%;
- overflow: hidden;
- }
- body{
- font-family:"Helvetica Neue",Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
- }
- a{text-decoration: none}
- .content{
- background: none repeat scroll 0 0 #fff;
- position: absolute;
- left: 220px;
- right: 0;
- top: 70px;
- bottom:0;
- width: auto;
- padding:40px;
- box-sizing: border-box;
- overflow-y: scroll;
- }
- .crumbs{
- margin-bottom: 20px;
- }
- .pagination{
- margin: 20px 0;
- text-align: right;
- }
- .plugins-tips{
- padding:10px;
- margin-bottom: 20px;
- background: #eef1f6;
- }
- .plugins-tips a{
- color: #20a0ff;
- }
- .el-button+.el-tooltip {
- margin-left: 10px;
- }
- .el-table td,.el-table th{
- padding:5px 18px;
- }
- .el-table tr:hover{
- background: #f6faff;
- }
- .mgb20{
- margin-bottom: 20px;
- }
- .mgb5{
- margin-bottom: 5px;
- }
- .dialog{
- position: fixed;
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- overflow: auto;
- background: rgba(0,0,0,.4);
- z-index:-1;
- opacity: 0;
- transition: all .5s ease;
- }
- .dialog.dialog-show{
- opacity: 1;
- z-index: 1000;
- }
- .dialog .dialog-wrapper{
- position: absolute;
- left: 50%;
- top: 15%;
- width: 50%;
- transform: translateX(-50%);
- background: #fff;
- border-radius: 2px;
- box-shadow: 0 1px 3px rgba(0,0,0,.3);
- box-sizing: border-box;
- transition: top .5s ease;
- }
- .dialog.dialog-show .dialog-wrapper{
- top: 17%;
- }
- .dialog .dialog-header{
- padding: 20px 20px 0;
- }
- .dialog .dialog-content{
- padding: 30px 20px;
- color: #475669;
- font-size: 14px;
- }
- .dialog .dialog-close{
- float: right;
- cursor: pointer;
- color: #c0ccda;
- }
- .dialog .dialog-close:hover{
- color: #20a0ff;
- animation: close-rotate .3s ease;
- }
- @keyframes close-rotate {
- from{
- transform: rotate(-360deg);
- }
- }
- .el-upload__files{
- display: none;
- }
- .move-enter-active,.move-leave-active{
- transition: opacity .5s;
- }
- .move-enter,.move-leave{
- opacity: 0;
- }
|