更新样式

src/views/teacher/order.vue

@@ -13,15 +13,16 @@
             fixed
             :left-arrow="plat == 'manager' ? true : false"
             z-index="999"
+            :style="{ paddingTop: headTop + 'px' }"
             @click-left="onClickLeft"
         >
             <template #right>
-                <van-dropdown-menu z-index="999">
+                <van-dropdown-menu z-index="999" active-color="#01C1B5">
                     <van-dropdown-item @change="onChange" v-model="voicyPart" :options="voicyPartList" />
                 </van-dropdown-menu>
             </template>
         </van-nav-bar>
-        <h2 style="margin-top: 46px;">{{musicGroupName}}</h2>
+        <h2 :style="{ marginTop: (46 + headTop) + 'px' }">{{musicGroupName}}</h2>
         <van-tabs color="#01C1B5" @change="onTabChange">
             <van-tab title="缴费信息" name="1">
                 <div class="table">
@@ -144,6 +145,7 @@ export default {
     data() {
         let query = this.$route.query
         return {
+            headTop: query.headTop || 0, // 头部高度，为了处理教务端兼容
             musicGroupId: query.musicGroupId,
             musicGroupName: query.musicGroupName,
             plat: query.plat,
@@ -302,7 +304,6 @@ export default {
             this.getRegisterOrPreList(this.voicyPart)
         },
         onTabChange(name) {
-            console.log(name)
             if(name == 1) {
                 this.dataList = []
                 this.getOrderList()
@@ -357,14 +358,14 @@ export default {
 <style lang="less" scoped>
 .order {
     background: #fff;
-    min-height: 100vh;
+    // min-height: 100vh;
 }
 header {
     height: .40rem;
     line-height: .40rem;
     color: #fff;
     font-size: .17rem;
-    background: #14928a;
+    background: #01C1B5;
     box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.07);
     text-align: center;
 }
@@ -410,15 +411,15 @@ h2 {
     height: 46px;
     // position: absolute;
     // right: .15rem;
-    background: #14928a;
+    background: #fff;
     // top: 0;
     .van-dropdown-menu__bar {
         height: 46px;
-        background: #14928a;
+        background: #fff;
         box-shadow: none;
     }
     .van-dropdown-menu__title {
-        color: #fff;
+        color: #000;
     }
     &::after {
         border: 0;
@@ -426,13 +427,14 @@ h2 {
 }
 
 /deep/.van-nav-bar {
-    background: #14928a;
+    background: #fff;
     .van-icon {
         font-size: .18rem;
-        color: #fff;
+        color: #000;
     }
     .van-nav-bar__title {
-        color: #fff;
+        color: #000;
+        font-size: 18px;
     }
 }
 
@@ -460,7 +462,7 @@ h2 {
     border-right: 4px solid transparent;
     border-bottom: 6px solid #ccc;
     &.active {
-        border-bottom-color: #14928a;
+        border-bottom-color: #01C1B5;
     }
 }
 .box-down {
@@ -470,7 +472,7 @@ h2 {
     border-right: 4px solid transparent;
     border-top: 6px solid #ccc;
     &.active {
-        border-top-color: #14928a;
+        border-top-color: #01C1B5;
     }
 }
 
@@ -479,7 +481,7 @@ h2 {
         flex: 1 auto;
     }
     /deep/.van-cell__value {
-        color: #14928a;
+        color: #01C1B5;
     }
 }
 </style>