修改样式兼容

dist/css/MonthAppeal.150b5fc5.css → dist/css/MonthAppeal.eb9bb986.css

@@ -1 +1 @@
-.mheader[data-v-61d0e2e4]{height:.44rem;overflow:hidden}.m-nav-header[data-v-61d0e2e4]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;background-color:#14928a;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.m-nav-header.fixed[data-v-61d0e2e4]{position:fixed;z-index:99}.m-nav-header .m-nav-bar__title[data-v-61d0e2e4]{max-width:60%;margin:0 auto;color:#fff;font-weight:500;font-size:.16rem}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4],.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-61d0e2e4]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{right:.12rem}.icon[data-v-67669af7]{width:2rem;height:2rem;margin:.5rem auto .05rem}.icon_nodata[data-v-67669af7]{background:url(../img/icon_nodata.81c87d57.png) no-repeat 50%;background-size:contain}.msg[data-v-67669af7]{color:#aaa;font-size:.16rem;text-align:center;line-height:.22rem}.wrap[data-v-6e0c59cd]{height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#f3f4f8}[data-v-6e0c59cd] .van-cell,[data-v-6e0c59cd] .van-dropdown-menu__title{font-size:.16rem}[data-v-6e0c59cd] .van-cell{padding-top:.14rem;padding-bottom:.14rem}.countMoney[data-v-6e0c59cd]{color:#ff433f}.disabled[data-v-6e0c59cd]{opacity:.5}[data-v-6e0c59cd] .van-cell-group{margin-bottom:.55rem}.allCount[data-v-6e0c59cd]{padding:0 .16rem;line-height:.55rem;background:#fff;font-size:.17rem;color:#1a1a1a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;width:calc(100% - .32rem);bottom:0;left:0}.allCount .allMoney[data-v-6e0c59cd]{font-size:.22rem;color:#f85043}.allCount .allMoney i[data-v-6e0c59cd]{font-style:normal;font-size:.16rem}
+.mheader[data-v-61d0e2e4]{height:.44rem;overflow:hidden}.m-nav-header[data-v-61d0e2e4]{position:absolute;left:0;top:0;width:100%;height:.44rem;line-height:.44rem;background-color:#14928a;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff}.m-nav-header.fixed[data-v-61d0e2e4]{position:fixed;z-index:99}.m-nav-header .m-nav-bar__title[data-v-61d0e2e4]{max-width:60%;margin:0 auto;color:#fff;font-weight:500;font-size:.16rem}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4],.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{position:absolute;bottom:0}.m-nav-header .m-nav-bar__left[data-v-61d0e2e4]{left:.12rem}.m-nav-header .m-nav-bar__left .arrow-left[data-v-61d0e2e4]{font-size:.21rem;vertical-align:middle}.m-nav-header .m-nav-bar__right[data-v-61d0e2e4]{right:.12rem}.icon[data-v-67669af7]{width:2rem;height:2rem;margin:.5rem auto .05rem}.icon_nodata[data-v-67669af7]{background:url(../img/icon_nodata.81c87d57.png) no-repeat 50%;background-size:contain}.msg[data-v-67669af7]{color:#aaa;font-size:.16rem;text-align:center;line-height:.22rem}.wrap[data-v-2ae931c0]{height:100vh;overflow-y:auto;overflow-x:hidden;background-color:#f3f4f8}[data-v-2ae931c0] .van-cell,[data-v-2ae931c0] .van-dropdown-menu__title{font-size:.16rem;line-height:.18rem}[data-v-2ae931c0] .van-cell{padding-top:.14rem;padding-bottom:.14rem}.countMoney[data-v-2ae931c0]{color:#ff433f}.disabled[data-v-2ae931c0]{opacity:.5}[data-v-2ae931c0] .van-cell-group{margin-bottom:.55rem}.allCount[data-v-2ae931c0]{padding:0 .16rem;line-height:.55rem;background:#fff;font-size:.17rem;color:#1a1a1a;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:fixed;width:calc(100% - .32rem);bottom:0;left:0}.allCount .allMoney[data-v-2ae931c0]{font-size:.22rem;color:#f85043}.allCount .allMoney i[data-v-2ae931c0]{font-style:normal;font-size:.16rem}

dist/css/PeriodAdjust.35dfd26c.css

@@ -0,0 +1 @@
+.periodadjust[data-v-635cadc8]{height:100vh;position:relative;background-color:#f3f4f8}.periodadjust .container[data-v-635cadc8]{min-height:calc(100vh - .5rem);overflow-y:auto;overflow-x:hidden;position:relative}.periodadjust .button-group[data-v-635cadc8]{width:100%}.periodadjust .button-group .van-button[data-v-635cadc8]{font-size:.16rem;width:50%;height:.5rem;line-height:.48rem}.periodadjust .button-group .van-button--primary[data-v-635cadc8]{background:#14928a;border-color:#14928a}[data-v-635cadc8] .van-icon-underway-o{font-size:.18rem}[data-v-635cadc8] .van-cell{line-height:inherit}[data-v-635cadc8] .van-cell__title{font-size:.16rem;color:#444}[data-v-635cadc8] .van-cell-group{margin-top:.05rem}.title-content[data-v-635cadc8]{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;font-weight:700}.title-content .van-cell__label[data-v-635cadc8]{font-weight:400;margin-top:.06rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-content .van-icon-location[data-v-635cadc8]{margin-right:.05rem}[data-v-635cadc8] .van-cell__label,[data-v-635cadc8] .van-cell__value{color:#444;font-size:.14rem}[data-v-635cadc8] .van-cell__label span,[data-v-635cadc8] .van-cell__value span{padding-right:.1rem}.input-cell[data-v-635cadc8]{padding:.12rem .16rem .2rem}.input-cell .van-radio[data-v-635cadc8]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-v-635cadc8] .van-radio__icon--disabled .van-icon{border-color:transparent;background:#fff}[data-v-635cadc8] .van-radio__icon--checked .van-icon{background:#f97215;border-color:#f97215}[data-v-635cadc8] .icon{margin-top:.3rem}

dist/css/PeriodAdjust.cdac74a4.css

@@ -1 +0,0 @@
-.periodadjust[data-v-c6bd3590]{height:100vh;position:relative;background-color:#f3f4f8}.periodadjust .container[data-v-c6bd3590]{min-height:calc(100vh - 50px);overflow-y:auto;overflow-x:hidden;position:relative}.periodadjust .button-group[data-v-c6bd3590]{width:100%}.periodadjust .button-group .van-button[data-v-c6bd3590]{font-size:.16rem;width:50%}.periodadjust .button-group .van-button--primary[data-v-c6bd3590]{background:#14928a;border-color:#14928a}[data-v-c6bd3590] .van-icon-underway-o{font-size:.18rem}[data-v-c6bd3590] .van-cell__title{font-size:.16rem;color:#444}[data-v-c6bd3590] .van-cell-group{margin-top:.05rem}.title-content[data-v-c6bd3590]{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;font-weight:700}.title-content .van-cell__label[data-v-c6bd3590]{font-weight:400;margin-top:.06rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-content .van-icon-location[data-v-c6bd3590]{margin-right:.05rem}[data-v-c6bd3590] .van-cell__label,[data-v-c6bd3590] .van-cell__value{color:#444;font-size:.14rem}[data-v-c6bd3590] .van-cell__label span,[data-v-c6bd3590] .van-cell__value span{padding-right:.1rem}.input-cell[data-v-c6bd3590]{padding:.12rem .16rem .2rem}.input-cell .van-radio[data-v-c6bd3590]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-v-c6bd3590] .van-radio__icon--disabled .van-icon{border-color:transparent;background:#fff}[data-v-c6bd3590] .van-radio__icon--checked .van-icon{background:#f97215;border-color:#f97215}[data-v-c6bd3590] .icon{margin-top:.3rem}

dist/css/PeriodChange.a713d6df.css

@@ -0,0 +1 @@
+.periodchange[data-v-cce84b9a]{height:100vh;position:relative;background-color:#f3f4f8}.periodchange .container[data-v-cce84b9a]{min-height:calc(100vh - .5rem);overflow-y:auto;overflow-x:hidden;position:relative}.periodchange .button-group[data-v-cce84b9a]{width:100%}.periodchange .button-group .van-button[data-v-cce84b9a]{font-size:.16rem;width:100%;height:.5rem;line-height:.48rem}.periodchange .button-group .van-button--primary[data-v-cce84b9a]{background:#14928a;border-color:#14928a}[data-v-cce84b9a] .van-cell{line-height:inherit}[data-v-cce84b9a] .van-cell__title{font-size:.16rem;color:#444}[data-v-cce84b9a] .van-cell-group{margin-top:.05rem}.title-content[data-v-cce84b9a]{font-weight:700}.title-content .van-cell__label[data-v-cce84b9a]{font-weight:400;margin-top:.06rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-content .van-icon-location[data-v-cce84b9a]{margin-right:.05rem}[data-v-cce84b9a] .van-cell__label,[data-v-cce84b9a] .van-cell__value{color:#777}[data-v-cce84b9a] .van-cell__label span,[data-v-cce84b9a] .van-cell__value span{padding-right:.1rem}.input-cell[data-v-cce84b9a]{padding:.12rem .16rem .2rem}.input-cell .van-radio[data-v-cce84b9a]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-v-cce84b9a] .van-radio__icon .van-icon{border-color:#aaa}[data-v-cce84b9a] .van-radio__icon--checked .van-icon{background:#f97215;border-color:#f97215}[data-v-cce84b9a] .icon{margin-top:.2rem}

dist/css/PeriodChange.d0bca1ed.css

@@ -1 +0,0 @@
-.periodchange[data-v-c4f1e6b4]{height:100vh;position:relative;background-color:#f3f4f8}.periodchange .container[data-v-c4f1e6b4]{min-height:calc(100vh - 50px);overflow-y:auto;overflow-x:hidden;position:relative}.periodchange .button-group[data-v-c4f1e6b4]{width:100%}.periodchange .button-group .van-button[data-v-c4f1e6b4]{font-size:.16rem;width:100%}.periodchange .button-group .van-button--primary[data-v-c4f1e6b4]{background:#14928a;border-color:#14928a}[data-v-c4f1e6b4] .van-cell__title{font-size:.16rem;color:#444}[data-v-c4f1e6b4] .van-cell-group{margin-top:.05rem}.title-content[data-v-c4f1e6b4]{font-weight:700}.title-content .van-cell__label[data-v-c4f1e6b4]{font-weight:400;margin-top:.06rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.title-content .van-icon-location[data-v-c4f1e6b4]{margin-right:.05rem}[data-v-c4f1e6b4] .van-cell__label,[data-v-c4f1e6b4] .van-cell__value{color:#777}[data-v-c4f1e6b4] .van-cell__label span,[data-v-c4f1e6b4] .van-cell__value span{padding-right:.1rem}.input-cell[data-v-c4f1e6b4]{padding:.12rem .16rem .2rem}.input-cell .van-radio[data-v-c4f1e6b4]{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}[data-v-c4f1e6b4] .van-radio__icon .van-icon{border-color:#aaa}[data-v-c4f1e6b4] .van-radio__icon--checked .van-icon{background:#f97215;border-color:#f97215}[data-v-c4f1e6b4] .icon{margin-top:.2rem}

src/views/app/PeriodExchange.vue

@@ -233,6 +233,7 @@ export default {
         margin-top: -1px;
         padding: .26rem .16rem .15rem;
         background: #14928A;
+        line-height: .24rem;
     }
     .exchangeText {
         font-size: .18rem;
@@ -242,7 +243,6 @@ export default {
         font-size: .14rem;
         color: #ccc;
     }
-    
 }
 .activeList {
     padding: .15rem .16rem 0;

src/views/audition/CourseEvaluation.vue

@@ -355,6 +355,8 @@ export default {
   margin-top: 0.15rem;
   /deep/.van-cell {
     padding: 0.14rem 0.16rem;
+    font-size: .14rem;
+    line-height: .24rem;
   }
 }
 
@@ -375,6 +377,7 @@ export default {
   font-size: 0.17rem;
   color: #1a1a1a;
   flex: auto 1;
+  width: 1.2rem;
 }
 /deep/.van-field__control,
 /deep/.van-cell__value {
@@ -396,6 +399,7 @@ export default {
 /deep/.van-radio-group {
   display: flex;
   justify-content: flex-end;
+  height: .24rem;
   /deep/.van-radio {
     margin-left: 0.18rem;
   }
@@ -415,6 +419,8 @@ export default {
     background: @mColor;
     border: 1px solid @mColor;
     font-size: 0.18rem;
+    height: .5rem;
+    line-height: .48rem;
   }
   &.btn-operation {
     margin: 0.3rem 0.16rem 0.2rem;

src/views/audition/ManageEvaluation.vue

@@ -335,11 +335,12 @@ export default {
   justify-content: space-between;
   background: #fff;
   margin-bottom: 0.12rem;
-  padding: 0 0.16rem;
+  padding: .1rem 0.16rem;
   align-items: center;
 
   .searchDate {
     display: flex;
+    align-items: center;
     color: #666666;
     height: auto;
     .startDate {
@@ -368,6 +369,8 @@ export default {
   /deep/.van-dropdown-menu__title {
     font-size: 0.17rem;
     color: #1a1a1a;
+    line-height: inherit;
+    height: auto;
   }
 
   .btnGroup {
@@ -425,6 +428,8 @@ export default {
 }
 .cellGroup {
   padding: 0.16rem;
+  font-size: .14rem;
+  line-height: .24rem;
 }
 .sectionTitle {
   font-size: 0.16rem;
@@ -449,6 +454,7 @@ export default {
     border-color: #14928a;
     padding: 0 0.12rem;
     min-width: 0.88rem;
+    height: .3rem;
     &.van-update {
       background-color: #fff;
       color: #14928a;

src/views/audition/MonthAppeal.vue

@@ -139,6 +139,7 @@ export default {
 }
 /deep/.van-dropdown-menu__title, /deep/.van-cell {
   font-size: .16rem;
+  line-height: .18rem;
 }
 /deep/.van-cell {
   padding-top: .14rem;

src/views/audition/Remuneration.vue

@@ -357,6 +357,7 @@ export default {
     font-size: 0.16rem;
     color: #1a1a1a;
     padding-bottom: 0.02rem;
+    line-height: .24rem;
     &.error {
       color: #ff3535;
     }

src/views/teacher/BookingSet.vue

@@ -109,6 +109,9 @@ export default {
         color: @orangeColor;
     }
 }
+/deep/.van-field__label {
+    width: .9rem;
+}
 .book-title {
     padding: .04rem 0;
     font-size: .12rem;

src/views/teacher/Leave.vue

@@ -12,7 +12,7 @@
             <!-- <van-field label="请假类型" is-link input-align="right" placeholder="选择请假类型"
                       v-model="searchList.dealText" readonly clickable
                       @click="dealShow = true" /> -->
-            
+
             <van-field type="textarea" v-model="searchList.remark" placeholder="请详细说明原因"
                 rows="4" autosize />
         </van-cell-group>
@@ -284,7 +284,6 @@ export default {
                     this.queryVipCourseScheduleList()
                 }
             }
-            
         },
         onEndConfirm(val) { // 结束时间
             let searchList = this.searchList
@@ -437,6 +436,9 @@ export default {
         }
     }
 }
+/deep/.van-field__label {
+    width: .9rem;
+}
 /deep/.van-icon-edit {
     color: @mColor;
     font-size: .16rem;

src/views/teacher/PeriodAdjust.vue

@@ -21,7 +21,7 @@
             </van-radio-group>
             <m-empty v-else key="data" />
         </div>
-        
+
         <van-sticky v-if="dataShow">
             <div class="button-group">
                 <van-button type="default" @click="onDateChange" size="large">课时调整</van-button>
@@ -224,7 +224,7 @@ export default {
     position: relative;
     background-color: #F3F4F8;
     .container {
-        min-height: calc(100vh - 50px);
+        min-height: calc(100vh - .5rem);
         overflow-y: auto;
         overflow-x: hidden;
         position: relative;
@@ -238,6 +238,8 @@ export default {
         .van-button {
             font-size: .16rem;
             width: 50%;
+            height: .5rem;
+            line-height: .48rem;
         }
         .van-button--primary {
             background: @mColor;
@@ -248,6 +250,9 @@ export default {
 /deep/.van-icon-underway-o {
     font-size: .18rem;
 }
+/deep/.van-cell {
+    line-height: inherit;
+}
 /deep/.van-cell__title {
     font-size: .16rem;
     color: @mFontColor;
@@ -267,7 +272,6 @@ export default {
     .van-icon-location {
         margin-right: .05rem;
     }
-    
 }
 /deep/.van-cell__value, /deep/.van-cell__label {
     color: #444;

src/views/teacher/PeriodChange.vue

@@ -3,7 +3,7 @@
         <div :class="[dataShow ? 'container' : '']">
             <!-- <m-header /> -->
             <m-calendar @onSelectDay="onSelectDay" />
-            
+
             <van-radio-group v-if="dataShow" key="data" v-model="radioSelect">
                 <van-cell-group v-for="(item, index) in dataList" :key="index">
                     <van-cell icon="underway-o" :center="true" @click="onCheckRadio(item)">
@@ -26,7 +26,7 @@
                 <van-button type="primary" @click="onChangeClass" size="large">确认交换</van-button>
             </div>
         </van-sticky>
-        
+
     </div>
 </template>
 <script>
@@ -168,7 +168,7 @@ export default {
     position: relative;
     background-color: #F3F4F8;
     .container {
-        min-height: calc(100vh - 50px);
+        min-height: calc(100vh - .5rem);
         overflow-y: auto;
         overflow-x: hidden;
         position: relative;
@@ -182,6 +182,8 @@ export default {
         .van-button {
             font-size: .16rem;
             width: 100%;
+            height: .5rem;
+            line-height: .48rem;
         }
         .van-button--primary {
             background: @mColor;
@@ -189,6 +191,9 @@ export default {
         }
     }
 }
+/deep/.van-cell {
+    line-height: inherit;
+}
 /deep/.van-cell__title {
     font-size: .16rem;
     color: @mFontColor;

src/views/teacher/TeachingSchool.vue

@@ -106,6 +106,7 @@ export default {
 }
 .cell-title, .cell-label {
     font-size: .14rem;
+    line-height: .18rem;
 }
 /deep/.van-cell-group {
     margin-bottom: .02rem;

src/views/teacher/studyReportNew.vue

@@ -110,17 +110,14 @@
           <div class="cell" :class="one==1?'activce':''" @click="one=1">
             <img :src="imgList.excellent" class="icons" alt />
             <p>{{subjectJson[1][1] }}</p>
-            
           </div>
           <div class="cell" :class="one==2?'activce':''" @click="one=2">
             <img :src="imgList.good" class="icons" alt />
             <p>{{subjectJson[1][2] }} </p>
-            
           </div>
           <div class="cell" :class="one==3?'activce':''" @click="one=3">
             <img :src="imgList.normal" class="icons" alt />
              <p>{{subjectJson[1][3] }}</p>
-            
           </div>
         </div>
         <img :src="imgList.line" alt width="100%" />
@@ -129,17 +126,14 @@
           <div class="cell" :class="two==1?'activce':''" @click="two=1">
             <img :src="imgList.excellent" class="icons" alt />
             <p>{{subjectJson[2][1] }}</p>
-            
           </div>
           <div class="cell" :class="two==2?'activce':''" @click="two=2">
             <img :src="imgList.good" class="icons" alt />
             <p>{{subjectJson[2][2] }}</p>
-            
           </div>
           <div class="cell" :class="two==3?'activce':''" @click="two=3">
             <img :src="imgList.normal" class="icons" alt />
             <p>{{subjectJson[2][3] }}</p>
-            
           </div>
         </div>
         <img :src="imgList.line" alt width="100%" />
@@ -148,17 +142,14 @@
           <div class="cell" :class="three==1?'activce':''" @click="three=1">
             <img :src="imgList.excellent" class="icons" alt />
             <p>{{subjectJson[3][1] }}</p>
-            
           </div>
           <div class="cell" :class="three==2?'activce':''" @click="three=2">
             <img :src="imgList.good" class="icons" alt />
             <p> {{subjectJson[3][2] }}</p>
-           
           </div>
           <div class="cell" :class="three==3?'activce':''" @click="three=3">
             <img :src="imgList.normal" class="icons" alt />
             <p>{{subjectJson[3][3] }}</p>
-            
           </div>
         </div>
         <img :src="imgList.line" alt width="100%"   />
@@ -167,17 +158,14 @@
           <div class="cell" :class="four==1?'activce':''" @click="four=1">
             <img :src="imgList.excellent" class="icons" alt />
             <p> {{subjectJson[4][1] }}</p>
-           
           </div>
           <div class="cell" :class="four==2?'activce':''" @click="four=2">
             <img :src="imgList.good" class="icons" alt />
             <p> {{subjectJson[4][2] }}</p>
-           
           </div>
           <div class="cell" :class="four==3?'activce':''" @click="four=3" v-if="subjectJson[4][3]">
             <img :src="imgList.normal" class="icons" alt />
             <p>{{subjectJson[4][3] }}</p>
-            
           </div>
         </div>
         <img :src="imgList.line" alt width="100%" />
@@ -186,12 +174,10 @@
           <div class="cell" :class="five==1?'activce':''" @click="five=1">
             <img :src="imgList.excellent" class="icons" alt />
             <p>{{subjectJson[5][1] }}</p>
-            
           </div>
           <div class="cell" :class="five==2?'activce':''" @click="five=2">
             <img :src="imgList.normal" class="icons" alt />
             <p>{{subjectJson[5][2] }}</p>
-            
           </div>
         </div>
       </div>
@@ -206,12 +192,10 @@
           <div class="cell" :class="six==1?'activce':''" @click="six=1">
             <img :src="imgList.excellent" class="icons" alt />
             <p>{{subjectJson[6][1] }}</p>
-            
           </div>
           <div class="cell" :class="six==2?'activce':''" @click="six=2">
             <img :src="imgList.normal" class="icons" alt />
             <p> {{subjectJson[6][2] }}</p>
-           
           </div>
         </div>
         <img :src="imgList.line" alt width="100%" />
@@ -220,12 +204,10 @@
           <div class="cell" :class="seven==1?'activce':''" @click="seven=1">
             <img :src="imgList.excellent" class="icons" alt />
             <p>{{subjectJson[7][1] }}</p>
-            
           </div>
           <div class="cell" :class="seven==2?'activce':''" @click="seven=2">
             <img :src="imgList.normal" class="icons" alt />
             <p>{{subjectJson[7][2] }}</p>
-            
           </div>
         </div>
 
@@ -235,17 +217,14 @@
           <div class="cell" :class="eight==1?'activce':''" @click="eight=1">
             <img :src="imgList.excellent" class="icons" alt />
             <p>{{subjectJson[8][1] }}</p>
-            
           </div>
           <div class="cell" :class="eight==2?'activce':''" @click="eight=2">
             <img :src="imgList.good" class="icons" alt />
             <p>{{subjectJson[8][2] }}</p>
-            
           </div>
           <div class="cell" :class="eight==3?'activce':''" @click="eight=3" v-if="subjectJson[8][3]">
             <img :src="imgList.normal" class="icons" alt />
             <p>{{subjectJson[8][3] }}</p>
-            
           </div>
         </div>
       </div>
@@ -535,16 +514,17 @@ div {
             }
           }
           .right {
+            .van-cell {
+                font-size: .14rem;
+                line-height: .24rem;
+                padding: .1rem .16rem;
+              }
             .theoryItem {
               display: flex;
               flex-direction: row;
               justify-content: space-between;
               width: 2.28rem;
-              .van-cell {
-                // width: 1.6rem;
-                // border-bottom:none;
-              }
-              .van-field__label {
+              /deep/.van-field__label {
                 width: 0.8rem;
               }
               .iconWrap {