Concat style to main.css

src/components/page/BaseForm.vue

@@ -79,16 +79,4 @@
             }
         }
     }
-</script>
-
-<style>
-    .form-box{
-        width:600px;
-    }
-    .form-box .line{
-        text-align: center;
-    }
-    .el-time-panel__content::after, .el-time-panel__content::before {
-        margin-top: -7px;
-    }
-</style>
+</script>

src/components/page/Login.vue

@@ -52,7 +52,7 @@
     }
 </script>
 
-<style>
+<style scoped>
     .login-wrap{
         position: relative;
         width:100%;

src/components/page/Markdown.vue

@@ -34,6 +34,4 @@
             markdownEditor
         }
     }
-</script>
-
-<style></style>
+</script>

src/components/page/Readme.vue

@@ -90,10 +90,4 @@
     .ms-doc article .el-checkbox{
         margin-bottom: 5px;
     }
-</style>
-<style>
-    .ms-doc .el-checkbox__input.is-disabled+.el-checkbox__label{
-        color: #333;
-        cursor: pointer;
-    }
 </style>

src/components/page/Upload.vue

@@ -72,7 +72,7 @@
     }
 </script>
 
-<style>
+<style scoped>
     .content-title{
         font-weight: 400;
         line-height: 50px;
@@ -85,43 +85,4 @@
         height: 250px;
         margin-bottom: 20px;
     }
-    .pure-button{
-        width:150px;
-        height:40px;
-        line-height: 40px;
-        text-align: center;
-        background: #00a2ff;
-        color: #fff;
-        border-radius: 3px;
-    }
-    .g-core-image-corp-container .info-aside{
-        height:45px;
-    }
-    .el-upload--text {
-        background-color: #fff;
-        border: 1px dashed #d9d9d9;
-        border-radius: 6px;
-        box-sizing: border-box;
-        width: 360px;
-        height: 180px;
-        text-align: center;
-        cursor: pointer;
-        position: relative;
-        overflow: hidden;
-    }
-    .el-upload--text .el-icon-upload {
-        font-size: 67px;
-        color: #97a8be;
-        margin: 40px 0 16px;
-        line-height: 50px;
-    }
-    .el-upload--text {
-        color: #97a8be;
-        font-size: 14px;
-        text-align: center;
-    }
-    .el-upload--text em {
-        color: #20a0ff;
-        font-style: normal;
-    }
 </style>

src/components/page/VueEditor.vue

@@ -43,16 +43,4 @@
             }
         }
     }
-</script>
-
-<style>
-    .ql-container{
-        min-height: 400px;
-    }
-    .ql-snow .ql-tooltip{
-        transform: translateX(117.5px) translateY(10px) !important;
-    }
-    .editor-btn{
-        margin-top: 20px;
-    }
-</style>
+</script>

static/css/main.css

@@ -35,7 +35,6 @@ a{text-decoration: none}
 .plugins-tips a{
     color: #20a0ff;
 }
-
 .el-button+.el-tooltip {
     margin-left: 10px;
 }
@@ -45,73 +44,78 @@ a{text-decoration: none}
 .el-table tr:hover{
     background: #f6faff;
 }
-
 .mgb20{
     margin-bottom: 20px;
 }
-.mgb5{
-    margin-bottom: 5px;
+
+.move-enter-active,.move-leave-active{
+    transition: opacity .5s;
 }
-.dialog{
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    overflow: auto;
-    background: rgba(0,0,0,.4);
-    z-index:-1;
+.move-enter,.move-leave{
     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;
+/*BaseForm*/
+.form-box{
+    width:600px;
 }
-.dialog.dialog-show .dialog-wrapper{
-    top: 17%;
+.form-box .line{
+    text-align: center;
 }
-.dialog .dialog-header{
-    padding: 20px 20px 0;
+.el-time-panel__content::after, .el-time-panel__content::before {
+    margin-top: -7px;
 }
-.dialog .dialog-content{
-    padding: 30px 20px;
-    color: #475669;
-    font-size: 14px;
+/*Readme*/
+.ms-doc .el-checkbox__input.is-disabled+.el-checkbox__label{
+    color: #333;
+    cursor: pointer;
 }
-.dialog .dialog-close{
-    float: right;
+/*Upload*/
+.pure-button{
+    width:150px;
+    height:40px;
+    line-height: 40px;
+    text-align: center;
+    background: #00a2ff;
+    color: #fff;
+    border-radius: 3px;
+}
+.g-core-image-corp-container .info-aside{
+    height:45px;
+}
+.el-upload--text {
+    background-color: #fff;
+    border: 1px dashed #d9d9d9;
+    border-radius: 6px;
+    box-sizing: border-box;
+    width: 360px;
+    height: 180px;
+    text-align: center;
     cursor: pointer;
-    color: #c0ccda;
+    position: relative;
+    overflow: hidden;
 }
-.dialog .dialog-close:hover{
-    color: #20a0ff;
-    animation: close-rotate .3s ease;
-
+.el-upload--text .el-icon-upload {
+    font-size: 67px;
+    color: #97a8be;
+    margin: 40px 0 16px;
+    line-height: 50px;
 }
-@keyframes close-rotate {
-    from{
-        transform: rotate(-360deg);
-    }
+.el-upload--text {
+    color: #97a8be;
+    font-size: 14px;
+    text-align: center;
 }
-.el-upload__files{
-    display: none;
+.el-upload--text em {
+    color: #20a0ff;
+    font-style: normal;
 }
-.move-enter-active,.move-leave-active{
-    transition: opacity .5s;
+/*VueEditor*/
+.ql-container{
+    min-height: 400px;
 }
-.move-enter,.move-leave{
-    opacity: 0;
+.ql-snow .ql-tooltip{
+    transform: translateX(117.5px) translateY(10px) !important;
+}
+.editor-btn{
+    margin-top: 20px;
 }