老年课堂样式修改

src/views/zhulao/views/classRoom/index.vue

@@ -3,7 +3,7 @@
     <van-nav-bar ref="nav" title="老年课堂" fixed />
     <van-tabs @click="clickTab" sticky>
       <van-tab v-for="item in columnList" :key="item.id" :title="item.title" :name="item.columnCode">
-        <van-list v-model="loading" :immediate-check="false" :finished="finished" finished-text="没有更多了" @load="onLoad">
+        <van-list v-model="loading" :immediate-check="false" :finished="finished" loading-text="加载中..." finished-text="没有更多了" @load="onLoad">
           <div v-for="(item,index) in info" :key='index' bindtap="videoCilck" @click="$router.push({path:'/newsDetails',query:{id:item.id}})">
             <div class='videoBg' v-if='item.coverImgUrl'>
               <div class='videoUrl'>
@@ -53,7 +53,10 @@ export default {
   },
   methods: {
     async getColumnList() {
+      // 爱山东接口
       const res = await serverAPI('zpsmzjlnktcxjk', {})
+      // 自己调试接口
+      // const res = await getColumnList()
       this.columnList = res.data
       this.active = this.columnList[0].columnCode
       this.getList()
@@ -102,10 +105,12 @@ export default {
   height: 100%;
 }
 .van-tabs {
-  margin-top: 92px;
-  border-bottom: 0;
+  margin-top: 82px;
   ::v-deep .van-tab {
-    font-size: 30px;
+    font-size: 31px;
+  }
+  ::v-deep .van-tabs__line {
+    border-bottom: 5px solid rgb(237, 47, 47);
   }
 }
 
@@ -154,7 +159,7 @@ export default {
 }
 .videoName {
   flex: 0.95;
-  font-size: 30px;
+  font-size: 31px;
   text-overflow: -o-ellipsis-lastline;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -182,4 +187,13 @@ export default {
 ::v-deep .van-tabs__nav--line.van-tabs__nav--complete {
   z-index: 99;
 }
-</style>         
+::v-deep .van-tabs__wrap {
+ height: 88px;
+}
+::v-deep .van-list__loading-text,
+::v-deep .van-loading__text,
+::v-deep .van-list__finished-text {
+  margin-top: 20px;
+  font-size: 27px;
+}
+</style>