src/utils/vaildInterfacefn.js

@@ -32,7 +32,8 @@ export function serverAPI(serverName, data, ifheader) {
                             .then(() => {})
                         }else {
                             Dialog.alert({
-                                message: serverName + '--------' + res.status,
+                                // message: serverName + '--------' + res.status,
+                                 message: `接口${serverName}请求错误,请稍后重试!`,
                             })
                             .then(() => {})
                         }

src/views/zhulao/api/index.js

@@ -69,8 +69,8 @@ export function institutions_search(params) {
 // 获取养老机构管理详细信息 /cms/portal/institutions/{id}
 export function institutions_detail(data) {
     return request({
-        url: '/cms/portal/institutions/get',
-        method: 'post',
+        url: `/cms/portal/institutions/get?id=${data.id}`,
+        method: 'get',
         requestBase: 'VUE_APP_ZL_WSS_ZP',
         data
     })

src/views/zhulao/views/circle/detail.vue

@@ -68,9 +68,12 @@ export default {
   },
   methods: {
     async getInstitutions_detail() {
+      // 爱山东接口
       var detailData = await serverAPI('zpsmzjylfwqjgxq', {
         id: this.institutionsId,
       })
+      // 自己调试接口
+      // var detailData = await institutions_detail({id: this.institutionsId})
       this.institutionsItem = detailData.data
     },
   },
@@ -84,7 +87,7 @@ export default {
 }
 .loop_image {
   width: 100%;
-  height: 320px;
+  height: 420px;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -121,7 +124,10 @@ export default {
   box-sizing: border-box;
 }
 .contentHtml {
+  margin-top: 20px;
   overflow: hidden;
+  font-size: 30px;
+  line-height: 1.4;
   img {
     max-width: calc(100% - 60px);
     height: auto;

src/views/zhulao/views/circle/index.vue

@@ -192,7 +192,7 @@ export default {
             ')>' +
             '<div class="customCallout_top">' +
             '<img class="icon" src=' +
-            `${item.coverImgUrl}` +
+            `${item.coverImgUrl || require('../../assets/images/placeholder.png')}` +
             ' />' +
             '<div class="callout-right">' +
             '<div class="title">' +

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>

vue.config.js

@@ -57,6 +57,7 @@ module.exports = {
     lintOnSave: process.env.NODE_ENV === 'development',
     productionSourceMap: false,
     devServer: {
+        host: '127.0.0.1',
         port: port,
         open: true,
         https: false,