新增缺省页显示

@@ -7,3 +7,18 @@ page {
 }
 
 .van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.van-multi-ellipsis--l2{-webkit-line-clamp:2}.van-multi-ellipsis--l2,.van-multi-ellipsis--l3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.van-multi-ellipsis--l3{-webkit-line-clamp:3}.van-clearfix:after{clear:both;content:"";display:table}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom:after,.van-hairline--left:after,.van-hairline--right:after,.van-hairline--surround:after,.van-hairline--top-bottom:after,.van-hairline--top:after,.van-hairline:after{border:0 solid #ebedf0;bottom:-50%;box-sizing:border-box;content:" ";left:-50%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:scale(.5);transform-origin:center}.van-hairline--top:after{border-top-width:1px}.van-hairline--left:after{border-left-width:1px}.van-hairline--right:after{border-right-width:1px}.van-hairline--bottom:after{border-bottom-width:1px}.van-hairline--top-bottom:after{border-width:1px 0}.van-hairline--surround:after{border-width:1px}
+
+.custom-image {
+  .van-empty {
+    margin-top: 3rem;
+  }
+  .van-empty__image {
+    width: 160rpx;
+    height: 160rpx;
+  }
+  .van-empty__description {
+    color: #199A74;
+    font-size: 1rem;
+    margin-top: 0.5rem;
+  }
+}

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-11 15:35:30
+ * @LastEditTime: 2022-11-15 16:27:57
  * @FilePath: /swx/src/pages/index/index.vue
  * @Description: 首页
 -->
@@ -20,10 +20,12 @@
       <text class="bg-gradient" style="font-size: 1.15rem;">推荐活动</text>
     </view>
   </view>
-  <scroll-view :scroll-y="true" :style="scrollStyle" @scrolltolower="onScrollToLower">
-    <view style="padding: 0 1rem;">
+  <scroll-view :scroll-y="true" :style="scrollStyle" @scrolltolower="onScrollToLower" style="background-color: white;">
+    <view v-if="activity_list.length" style="padding: 0 1rem;">
       <activity-card v-for="(item, index) in activity_list" :key="index" :data="item" status="join"></activity-card>
     </view>
+    <!-- TODO: 缺省页 -->
+    <van-empty v-else description="暂无推荐活动" class="custom-image" :image="icon_no_join_recommend" />
   </scroll-view>
   <view style="height: 6rem;"></view>
   <navbar activated="home" />
@@ -35,6 +37,7 @@
 import Taro from '@tarojs/taro'
 import { ref } from 'vue';
 import activityCard from '@/components/activity-card.vue'
+import icon_no_join_recommend from '@/images/icon/no-tuijian@2x.png'
 import navbar from '@/components/navbar.vue'
 import Toast from '@/components/vant-weapp/toast/toast';
 // import { useDidShow } from '@/hooks/life'

 <!--
  * @Date: 2022-09-21 14:51:44
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-15 10:51:10
+ * @LastEditTime: 2022-11-15 15:31:07
  * @FilePath: /swx/src/pages/my/index.vue
  * @Description: 我的页面
 -->
@@ -54,7 +54,7 @@
         </view>
       </view>
     </view>
-    <view style="padding: 1rem; padding-top: 0;">
+    <view v-if="activity_list.length" style="padding: 1rem; padding-top: 0;">
       <view v-for="(item, index) in activity_list" :key="index">
         <view style="padding: 1rem 0.5rem; display: flex;">
           <van-icon :name="icon_company" size="2.5rem" color="" style="vertical-align: sub; margin-right: 0.5rem;" /><text style="color: #222222; font-size: 1.15rem; margin-top: 0.5rem;">{{ item.host?.name }}</text>
@@ -62,6 +62,8 @@
         <activity-card :data="item" sign="none" type="me"></activity-card>
       </view>
     </view>
+    <!-- TODO: 缺省页 -->
+    <van-empty v-else description="暂无参加活动" class="custom-image" :image="icon_no_join" />
   </view>
   <view style="height: 6rem;"></view>
   <navbar activated="my" />
@@ -79,6 +81,7 @@ import icon_join from '@/images/icon/canjia@2x.png'
 import icon_create from '@/images/icon/chuangjian@2x.png'
 import icon_user from '@/images/icon/peiban@2x.png'
 import icon_company from '@/images/icon/zhubanfang@2x.png'
+import icon_no_join from '@/images/icon/no-canjia@2x.png'
 import activityCard from '@/components/activity-card.vue'
 import navbar from '@/components/navbar.vue'
 import { hostListAPI } from '@/api/Host/index'

@@ -44,7 +44,7 @@
         </view>
       </view>
       <scroll-view :scroll-y="true" :style="scrollStyle" @scrolltolower="onScrollToLower">
-        <view>
+        <view v-if="activity_list.length">
           <activity-card
             @on-handle="onHandle"
             v-for="(item, index) in activity_list"
@@ -55,6 +55,8 @@
             style="margin-bottom: 1rem;"
           />
         </view>
+        <!-- TODO: 缺省页 -->
+        <van-empty v-else description="暂无报名者" class="custom-image" :image="icon_no_sign" />
       </scroll-view>
     </view>
     <view style="height: 2rem;"></view>
@@ -75,6 +77,7 @@ import icon_job from '@/images/icon/yigong@2x.png'
 import icon_sign from '@/images/icon/qiandao@2x.png'
 import icon_sel2 from '@/images/icon/sel02@2x.png'
 import icon_tel from '@/images/icon/tel@2x.png'
+import icon_no_sign from '@/images/icon/no-baoming@2x.png'
 import Taro from '@tarojs/taro'
 import activityCard from '@/components/activity-card.vue'
 import Toast from '@/components/vant-weapp/toast/toast';

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-03 18:07:49
+ * @LastEditTime: 2022-11-15 15:42:52
  * @FilePath: /swx/src/pages/myCreateActivity/index.vue
  * @Description: 创建的活动页面
 -->
@@ -68,9 +68,11 @@
         </view>
       </view>
       <scroll-view :scroll-y="true" :style="scrollStyle" @scrolltolower="onScrollToLower">
-        <!-- <view style=""> -->
+        <view v-if="activity_list.length">
           <activity-card @on-handle="onHandle" v-for="(item, index) in activity_list" :key="index" :data="item" status="creator" style="margin-bottom: 1rem;"></activity-card>
-        <!-- </view> -->
+        </view>
+        <!-- TODO: 缺省页 -->
+        <van-empty v-else description="暂无创建活动" class="custom-image" :image="icon_no_create" />
       </scroll-view>
       <view style="height: 3rem;"></view>
     </view>
@@ -173,6 +175,7 @@ import icon_join from '@/images/icon/baoming@2x.png'
 import icon_job from '@/images/icon/yigong@2x.png'
 import icon_sign from '@/images/icon/qiandao@2x.png'
 import icon_sel2 from '@/images/icon/sel02@2x.png'
+import icon_no_create from '@/images/icon/no-chuangjian@2x.png'
 import activityCard from '@/components/activity-card.vue'
 import icon_company from '@/images/icon/zhubanfang@2x.png'
 import Toast from '@/components/vant-weapp/toast/toast';

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-03 18:08:41
+ * @LastEditTime: 2022-11-15 15:48:58
  * @FilePath: /swx/src/pages/myFollowUser/index.vue
  * @Description: 陪伴的用户页面
 -->
@@ -69,7 +69,7 @@
         </view>
       </view>
       <scroll-view :scroll-y="true" :style="scrollStyle" @scrolltolower="onScrollToLower">
-        <view>
+        <view v-if="member_list.length">
           <view v-for="(item, index) in member_list" :key="index" class="list-item">
             <van-row>
               <van-col span="6">
@@ -93,6 +93,8 @@
             </van-row>
           </view>
         </view>
+        <!-- TODO: 缺省页 -->
+        <van-empty v-else description="暂无陪伴的用户" class="custom-image" :image="icon_no_partner" />
       </scroll-view>
     </view>
     <view style="height: 2rem;"></view>
@@ -117,6 +119,7 @@ import { AtAvatar } from 'taro-ui-vue3';
 import "taro-ui-vue3/dist/style/components/avatar.scss";
 import icon_tel from '@/images/icon/tel@2x.png';
 import icon_company from '@/images/icon/zhubanfang@2x.png';
+import icon_no_partner from '@/images/icon/no-peiban@2x.png';
 import Toast from '@/components/vant-weapp/toast/toast';
 import { $ } from '@tarojs/extend'
 import mixin from '@/utils/mixin';

 .project-manage-page {
+  background-color: #FFFFFF;
   .activity-title {
     background-color: #FFFFFF;
     .box {

 <!--
  * @Date: 2022-09-19 14:11:06
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-01 11:06:35
+ * @LastEditTime: 2022-11-15 16:00:23
  * @FilePath: /swx/src/pages/projectManage/index.vue
  * @Description: 主办方管理页面
 -->
@@ -30,6 +30,8 @@
         </van-row>
       </view>
     </view>
+    <!-- TODO: 缺省页 -->
+    <van-empty v-else description="暂无创建主办方" class="custom-image" :image="icon_no_create_project" />
     <view style="height: 1rem;"></view>
     <view class="activity-title">
       <view class="box">
@@ -49,6 +51,8 @@
       </view>
       <view style="height: 7rem;"></view>
     </view>
+    <!-- TODO: 缺省页 -->
+    <van-empty v-else description="暂无加入主办方" class="custom-image" :image="icon_no_join_project" />
   </view>
   <bottom-button @on-submit="onSubmit">新建主办方</bottom-button>
   <van-dialog id="van-dialog" />
@@ -59,6 +63,8 @@
 import Taro from '@tarojs/taro'
 import { ref, onMounted } from "vue";
 import icon_p from '@/images/icon/zhubanfang@2x.png'
+import icon_no_create_project from '@/images/icon/no-zhubanfang@2x.png'
+import icon_no_join_project from '@/images/icon/no-zhubanfang@2x.png'
 import bottomButton from "@/components/bottom-button";
 import { deleteHostAPI, hostListAPI } from '@/api/Host/index';
 import Dialog from '@/components/vant-weapp/dialog/dialog';

 <!--
  * @Date: 2022-09-29 16:32:03
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-11-15 14:20:47
+ * @LastEditTime: 2022-11-15 15:50:00
  * @FilePath: /swx/src/pages/userInfo/index.vue
  * @Description: 用户资料
 -->
@@ -62,19 +62,23 @@
         </view>
       </view>
       <view id="partner-list">
-        <view v-for="(item, index) in partner_list" :key="index" style="background-color: white; padding: 1rem; border-radius: 1rem; margin-bottom: 1rem;">
-          <view style="overflow: auto;">
-            <view style="float: left; font-size: 1.15rem;">
-              <text style="color: #999999;">状态：</text><text style="color: #199A74;">{{ item.status }}</text>
+        <view v-if="partner_list.length">
+          <view v-for="(item, index) in partner_list" :key="index" style="background-color: white; padding: 1rem; border-radius: 1rem; margin-bottom: 1rem;">
+            <view style="overflow: auto;">
+              <view style="float: left; font-size: 1.15rem;">
+                <text style="color: #999999;">状态：</text><text style="color: #199A74;">{{ item.status }}</text>
+              </view>
+              <view style="float: right; margin-top: 0.2rem; font-size: 0.9rem; color: #222222;">
+                {{ item.created_by_name }} {{ formatDate(item.created_time) }}
+              </view>
             </view>
-            <view style="float: right; margin-top: 0.2rem; font-size: 0.9rem; color: #222222;">
-              {{ item.created_by_name }} {{ formatDate(item.created_time) }}
+            <view style="margin-top: 1rem;">
+              {{ item.note }}
             </view>
           </view>
-          <view style="margin-top: 1rem;">
-            {{ item.note }}
-          </view>
         </view>
+        <!-- TODO: 缺省页 -->
+        <van-empty v-else description="暂无陪伴记录" class="custom-image" :image="icon_no_partner_join" />
       </view>
       <view style="height: 6rem;"></view>
     </view>
@@ -98,6 +102,7 @@ import { AtAvatar } from 'taro-ui-vue3'
 import "taro-ui-vue3/dist/style/components/avatar.scss"
 import icon_join from '@/images/icon/baoming@2x.png'
 import icon_sel3 from '@/images/icon/sel03@2x.png'
+import icon_no_partner_join from '@/images/icon/no-jilu@2x.png'
 import bottomButton from "@/components/bottom-button";
 
 const internalInstance = getCurrentInstance();

@@ -61,7 +61,7 @@
         </view>
       </view>
       <scroll-view :scroll-y="true" :style="scrollStyle" @scrolltolower="onScrollToLower">
-        <view>
+        <view v-if="member_list.length">
           <view v-for="(item, index) in member_list" :key="index" class="list-item" style="position: relative;">
             <van-row>
               <van-col span="6">
@@ -89,6 +89,8 @@
             </view>
           </view>
         </view>
+        <!-- TODO: 缺省页 -->
+        <van-empty v-else description="没有搜索到用户" class="custom-image" :image="icon_no_search" />
       </scroll-view>
     </view>
   </div>
@@ -106,6 +108,7 @@ import "taro-ui-vue3/dist/style/components/avatar.scss"
 import icon_tel from '@/images/icon/tel@2x.png'
 import icon_add from '@/images/icon/chengyuan@2x.png'
 import icon_user from '@/images/icon/yonghu@2x.png'
+import icon_no_search from '@/images/icon/no-yonghu@2x.png'
 import Dialog from '@vant/weapp/dist/dialog/dialog';
 import Toast from '@/components/vant-weapp/toast/toast';