样式修改

src/components/box/boxDialog.vue

@@ -2,7 +2,7 @@
   <el-dialog
     :title="boxDialogObj.title"
     :visible.sync="boxDialogObj.show"
-    width="950px">
+    width="80%">
     <div v-loading="loading">
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-row>

src/components/class/index.vue

 <template>
-  <div>
+  <div class="class">
     <div class="form-block">
       <el-form label-width="90px" inline>
         <el-form-item label="期数">
@@ -203,7 +203,7 @@
 </script>
 
 <style scoped lang="less">
-  .form-block{
-    padding: 10px;
+  .class{
+    padding: 20px 0;
   }
 </style>

src/components/lesson/index.vue

@@ -22,7 +22,7 @@
           </el-form-item>
         </el-col>
         <el-col :span="4" :offset="8">
-          <el-button type="success" plain @click="add" v-if="!$store.state.readonly">新增课程</el-button>
+          <el-button type="success" plain @click="add" v-if="!$store.state.readonly" style="float: right">新增课程</el-button>
         </el-col>
       </el-row>
     </el-form>
@@ -169,7 +169,7 @@
   .user{
     height: 100%;
     overflow: auto;
-    padding: 20px;
+    padding: 20px 0;
     .btn-content{
       text-align: center;
     }

src/components/noLesson/index.vue

 <template>
-  <div>
+  <div classs="noLesson">
     <el-row type="flex" class="add-btn" justify="end">
       <el-col :span="6">
         <el-button type="success" plain @click="add" v-if="!$store.state.readonly">添加不上课日期</el-button>
@@ -108,6 +108,9 @@
   .add-btn {
     margin: 10px 0;
   }
+  .noLesson {
+    padding: 20px 0;
+  }
   .card {
     display: flex;
     flex-flow: row wrap;

src/components/order/index.vue

@@ -379,7 +379,7 @@
   border-radius: 50%;
 }
 .order {
-  padding: 20px;
+  padding: 20px 0;
 }
 </style>
 <style>

src/components/periods/index.vue

 <template>
-  <div>
+  <div class="periods">
     <div class="form-block">
       <el-form label-width="90px" inline>
         <el-form-item label="期数标题">
@@ -252,7 +252,7 @@
 </script>
 
 <style scoped>
-.form-block {
-  margin-top: 10px;
-}
+  .periods {
+    padding: 20px 0;
+  }
 </style>

src/components/putForward/index.vue

@@ -289,7 +289,7 @@
 
 <style scoped>
   .putForward {
-    padding: 20px;
+    padding: 20px 0;
   }
   .status{
     color: #e9a038;

src/components/refund/index.vue

@@ -162,6 +162,6 @@
 
 <style scoped>
   .refund{
-    padding: 20px;
+    padding: 20px 0;
   }
 </style>

src/components/shop/index.vue

@@ -238,7 +238,7 @@
   .user{
     height: 100%;
     overflow: auto;
-    padding: 20px;
+    padding: 20px 0;
     .btn-content{
       text-align: center;
     }

src/components/system/admin.vue

@@ -317,10 +317,10 @@
 <style scoped lang="less">
   .admin{
     .head{
-      padding: 5px;
+      margin-bottom: 10px;
     }
     width: 100%;
-    padding: 10px;
+    padding: 20px 0;
     .page-div{
       text-align: center;
       padding-top: 20px

src/components/system/banner.vue

@@ -256,10 +256,11 @@
 <style @scoped lang="less">
   .banner{
     .head{
-      padding: 5px;
+      /*padding: 5px;*/
+      margin-bottom: 10px;
     }
     width: 100%;
-    padding: 10px;
+    padding: 20px 0;
     .page-div{
       text-align: center;
       padding-top: 20px

src/components/system/menu.vue

@@ -189,9 +189,9 @@
 <style scoped lang="less">
   .menu{
   .head{
-    padding: 5px;
+    margin-bottom: 10px;
   }
-  padding: 10px;
+  padding: 20px 0;
   .page-div{
     text-align: center;
     padding-top: 20px

src/components/system/role.vue

@@ -230,10 +230,10 @@
   }
   .role{
   .head{
-    padding: 5px;
+    margin-bottom: 10px;
   }
   width: 100%;
-  padding: 10px;
+  padding: 20px 0;
   .page-div{
     text-align: center;
     padding-top: 20px

src/components/system/sysConfig.vue

@@ -124,12 +124,12 @@
 <style scoped lang="less">
   @import "../../util/public";
   .sys {
-    padding: 10px;
+    padding: 20px 0;
   }
   .add-btn {
     margin: 10px 0;
   }
   .top {
-    padding:5px;
+    margin-bottom:10px;
   }
 </style>

src/components/teacher/index.vue

@@ -208,7 +208,7 @@
   .user{
     height: 100%;
     overflow: auto;
-    padding: 20px;
+    padding: 20px 0;
     .btn-content{
       text-align: center;
     }

src/components/teacherDetail/index.vue

@@ -88,12 +88,13 @@ import {TEACHERTYPE} from "../../util/wordbook";
 
 <style scoped lang="less">
   .teacher {
-    padding: 20px;
+    padding: 20px 0;
   }
   .avatar {
     width: 60px;
   }
   .header {
+    padding: 0 20px;
     margin-bottom: 20px;
   }
   .el-row {

src/components/user/index.vue

@@ -162,7 +162,7 @@
   .user{
     height: 100%;
     overflow: auto;
-    padding: 20px;
+    padding: 20px 0;
     .btn-content{
       text-align: center;
     }

src/components/userOrder/index.vue

@@ -133,7 +133,7 @@
   .user{
     height: 100%;
     overflow: auto;
-    padding: 20px;
+    padding: 20px 0;
     .btn-content{
       text-align: center;
     }

src/components/weChat/focusReply.vue

@@ -325,7 +325,7 @@
 
 <style scoped lang="less">
   .focus-reply {
-    padding: 30px;
+    padding: 20px 0;
   }
   ul, ol {
     padding-left: 0;
@@ -336,6 +336,7 @@
     font-size: 20px;
     font-weight: 400;
     line-height: 1;
+    padding-left: 20px;
   }
   .top {
     margin-bottom: 30px;

src/components/weChat/weChatResource.vue

@@ -193,12 +193,13 @@
   }
   .media {
     margin-bottom: 40px;
-    padding: 20px;
+    padding: 20px 0;
     &-title {
        font-size: 26px;
        font-weight: 400;
        line-height: 1;
        margin-bottom: 20px;
+       margin-left: 20px;
     }
     &-navs {
        text-align: left;