列表渲染

src/pages/HuiAiXin/EnergyStory/EnergyStoryDetail/index.config.js

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: '正能量事迹详情'
+  navigationBarTitleText: '丽园助农详情'
 }

src/pages/HuiAiXin/EnergyStory/index.config.js

@@ -1,3 +1,3 @@
 export default {
-  navigationBarTitleText: '正能量事迹'
+  navigationBarTitleText: '丽园助农'
 }

src/pages/HuiShengHuo/ActivityList/index.vue

@@ -16,6 +16,10 @@
       <ScrollY :IsRefreshing="IsRefreshing" @Refresh="Refresh" @ScrollBottom="ScrollBottom">
 
         <view class="ActivityList">
+          <view class="NoData" v-show="NoData">
+            <image mode="widthFix" src="https://cjgw.oss-cn-hangzhou.aliyuncs.com/ygcxxfb/image/nodata.png"></image>
+            <text>暂无内容</text>
+          </view>
           <view class="List">
             <view class="Item" v-for="(item, index) in PageList" :key="index">
               <navigator class="Img" :url="`./ActivityDetail/index?id=${item.activityId}`" hover-class="other-navigator-hover">
@@ -49,6 +53,7 @@ export default {
   name: 'JingCaiHuoDong',
   data () {
     return {
+      NoData: false,
       PageData: {
         pageNum: 1,
         pageSize: 15
@@ -121,6 +126,7 @@ export default {
     },
     ToGetPageList () { // 获取列表
       this.GetActivityList({ queryData: { ...this.PageData, typeId: this.CurrentNavId } }).then((res) => { // 获取活动列表
+        this.NoData = !this.ActivityList.length
         this.PageList = [...this.ActivityList]
         this.HasNextPage = res.data.data.current < res.data.data.pages
         this.DataLock = false

src/pages/HuiShengHuo/ActivityList/page.scss

@@ -38,6 +38,21 @@
   > .flex-item {
     .ActivityList {
       background: #fff;
+      > .NoData {
+        > image {
+          width: 53%;
+          margin: 172px auto 0;
+          display: block;
+        }
+        > text {
+          font-size: 28px;
+          color: #999;
+          line-height: 40px;
+          margin-top: 10px;
+          display: block;
+          text-align: center;
+        }
+      }
       > .List {
         position: relative;
         overflow: hidden;