消息中心

components/no-list-components/index.vue

@@ -0,0 +1,69 @@
+<template>
+  <view class="NOList">
+    <view class="no-addr">
+      <image :src="`https://e-chain.cnskl.com/storage/imageresource/no-image/${name}.png`" mode="widthFix"></image>
+      {{txt}}
+    </view>
+  </view>
+</template>
+
+<script>
+  export default {
+    name: "NOList",
+    /**
+     * name 携带过来的图片名称 （与本地问图片文件相对应）    
+     *   
+     * no-address（没有地址）
+     * no-counpon（没有优惠券）
+     * no-goods（没有商品）
+     * no-list（没有订单列表）
+     * no-news（没有任何消息）
+     * no-new1（没有任何消息1）
+	 * no-chain （没有区块链信息）
+	 * no-collection（没有任何收藏信息）
+	 * no-foot （没有足迹信息）
+	 * no-in（没有收入信息）
+	 * no-out （没有任何支出信息）
+	 * no-order （没有任何订单信息）
+	 * no-order-list （没有任何订单信息）
+	 * no-record （没有任何收益信息）
+	 * no-records （没有任何收益信息2）
+	 * no-search （没有任何搜索信息）
+	 * no-shop （没有任何店铺信息）
+	 * 
+     * 
+     * txt 携带过来的提示语
+     */
+    props: {
+      name: String,
+      txt: String,
+	  webUrl:'https://e-chain.cnskl.com/storage/imageresource/no-image'
+    },
+    data() {
+      return {
+
+      };
+    }
+  }
+</script>
+
+<style lang="scss" scoped>
+  // 无地址
+  .no-addr {
+    padding-top: $padding*6;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    box-sizing: border-box;
+    color: #999;
+    font-size: $title-size*0.9;
+
+    image {
+      margin-bottom: $margin*4;
+      margin-top: $margin*2;
+      width: 400rpx;
+      opacity: .4;
+    }
+  }
+</style>

main.js

@@ -5,6 +5,7 @@ import Vue from 'vue'
 import { router, RouterMount } from './router'
 import store from './store'
 import uView from 'uview-ui'
+import noList from './components/no-list-components/index.vue'
 Vue.use(router)
 Vue.use(uView);
 Vue.config.productionTip = false
@@ -13,6 +14,7 @@ App.mpType = 'app'
 const app = new Vue({
 	...App
 })
+Vue.component('no-list',noList)
 // #ifdef H5
 	RouterMount(app,router,'#app')
 // #endif

pages/news/detail.vue

@@ -22,6 +22,7 @@
     notificationsDetail,
     notificationsReaded
   } from '@/apis/interfaces/news.js'
+
   export default {
     data() {
       return {

pages/news/index.vue

@@ -3,9 +3,9 @@
     <view class="list" v-for="(item,index) in items" :key="index" v-if="items.length>0">
       <navigator class="item" open-type="navigate" hover-class="none" :url="'/pages/news/detail?type='+item.type">
         <view class="left">
-          <image class="img" v-if='item.type ==="SystemNotification"' :src="item.icon?item.icon:'/static/images/news_1.png'" mode="aspectFill"></image>
-          <image class="img" v-if='item.type ==="OrderNotification"' :src="item.icon?item.icon:'/static/images/news_2.png'" mode="aspectFill"></image>
-          <image class="img" v-if='item.type ==="CouponNotification"' :src="item.icon?item.icon:'/static/images/news_3.png'" mode="aspectFill"></image>
+          <image class="img" v-if='item.type ==="SystemNotification"' :src="item.icon?item.icon:'/static/imgs/news_1.png'" mode="aspectFill"></image>
+          <image class="img" v-if='item.type ==="OrderNotification"' :src="item.icon?item.icon:'/static/imgs/news_2.png'" mode="aspectFill"></image>
+          <image class="img" v-if='item.type ==="CouponNotification"' :src="item.icon?item.icon:'/static/imgs/news_3.png'" mode="aspectFill"></image>
           <view class="content">
             <view class="title">{{item.name}}</view>
             <view class="des">{{item.title || '暂无任何未读消息'}}</view>