优化

src/views/im/contactList/invitation/index.vue

@@ -6,32 +6,40 @@
                 <div class="tab-text" :class="type == 2?'active-color':''" @click="changeTab(2)">我发起的</div>
             </div>
             <div class="list-box">
-                <div class="box-item" :class="{ 'no-border': i === 9 }" v-for="(item,i) in list">
-                    <van-image class="item-img" round src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"/>
-                    <div class="item-ri-cont">
-                        <div>
-                            <div v-if="type == 1">
-                                <span class="name">{{ item.nickname }}</span>申请添加您为好友
+                <template v-if="list.length > 0">
+                    <div class="box-item" :class="{ 'no-border': i === 9 }" v-for="(item,i) in list">
+                        <van-image class="item-img" round src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg"/>
+                        <div class="item-ri-cont">
+                            <div>
+                                <div v-if="type == 1">
+                                    <span class="name">{{ item.nickname }}</span>申请添加您为好友
+                                </div>
+                                <div v-else-if="type == 2">
+                                    请求添加<span class="name">{{ item.nickname }}</span>为好友
+                                </div>
                             </div>
-                            <div v-else-if="type == 2">
-                                请求添加<span class="name">{{ item.nickname }}</span>为好友
-                            </div>
-                        </div>
 
-                        <!-- 左边操作按钮或文字 -->
-                        <div v-if="type == 1 && item.status == 1" class="item-btn" @click="changeBtn(item)">同意</div>
-                        <div v-else-if="type == 2 && item.status == 1" class="fs12 fs90">待同意</div>
+                            <!-- 左边操作按钮或文字 -->
+                            <div v-if="type == 1 && item.status == 1" class="item-btn" @click="changeBtn(item)">同意</div>
+                            <div v-else-if="type == 2 && item.status == 1" class="fs12 fs90">待同意</div>
 
-                        <!-- 右边状态展示（仅 status ≠ 1 时） -->
-                        <div
-                            v-if="item.status !== 1"
-                            class="fs12"
-                            :class="item.status == 2 ? '' : 'fscolor'"
-                        >
-                            {{ item.status == 2 ? '已添加' : '已拒绝' }}
+                            <!-- 右边状态展示（仅 status ≠ 1 时） -->
+                            <div
+                                v-if="item.status !== 1"
+                                class="fs12"
+                                :class="item.status == 2 ? '' : 'fscolor'"
+                            >
+                                {{ item.status == 2 ? '已添加' : '已拒绝' }}
+                            </div>
                         </div>
                     </div>
-                </div>
+                </template>
+                <template v-if="list.length == 0">
+                    <div class="no-more">
+                        <svg-icon class="no-more-img" name="no-more" />
+                        <div>暂无数据</div>
+                    </div>
+                </template>
             </div>
            <!-- <div class="foot-page">
                 <van-button class="foot-btn" size="mini">上一页</van-button>
@@ -253,5 +261,17 @@ onMounted(()=>{
         margin: 0 40px !important;
         width: auto !important;
     }
+    .no-more{
+        margin-top: 178px;
+        text-align: center;
+        font-family: PingFang SC, PingFang SC;
+        font-weight: 400;
+        font-size: 15px;
+        color: #8D8D8D;
+        .no-more-img{
+            width: 302px;
+            height: 222px;
+        }
+    }
 }
 </style>

src/views/im/detail/index.vue

@@ -10,12 +10,12 @@
                     <van-image class="member-img" round :src="wsStore.toUserInfo.avatar"/>
                     <div>{{wsStore.toUserInfo.nickname}}</div>
                 </div>
-                <div class="member-li" @click="addMember">
+                <!-- <div class="member-li" @click="addMember">
                     <div class="add">
                         <svg-icon class="add-icon" name="add3" />
                     </div>
                     <div>邀请</div>
-                </div>
+                </div> -->
             </div>
         </div>
         <van-cell-group class="user-bar-list" v-if="status == 2">

src/views/me/index.vue

@@ -78,17 +78,24 @@ const systemStore = useSystemStore();
 const walletStore = useWalletStore();
 const router = useRouter();
 
-const vanListConfig = [
-  { title: $t('wallet.GoldCoinExchange'), icon:"ingot",  url: 'exchange',status:true },
-  { title: $t('wallet.Competition'), icon:"competition",  url: '',status:true },
-  { title: $t('me.NodeDividend'), icon:"red-envelope",  url: 'nodeDividend',status:systemStore.Administrator.is_white },
-  // { title: '帮助中心', icon:"help",  url: '/' },
-  { title: $t('router.AboutUs'), icon:"me",  url: 'aboutUs',status:true },
-  { title: $t('router.SystemSettings'), icon:"set",  url: 'systemSettings',status:true },
-  { title: $t('router.AdministratorSettings'), icon:"admin-set",  url: 'administratorSettings',status:systemStore.Administrator.is_super },
-]
+// const vanListConfig = [
+//   { title: $t('wallet.GoldCoinExchange'), icon:"ingot",  url: 'exchange',status:true },
+//   { title: $t('wallet.Competition'), icon:"competition",  url: '',status:true },
+//   { title: $t('me.NodeDividend'), icon:"red-envelope",  url: 'nodeDividend',status:systemStore.Administrator.is_white },
+//   // { title: '帮助中心', icon:"help",  url: '/' },
+//   { title: $t('router.AboutUs'), icon:"me",  url: 'aboutUs',status:true },
+//   { title: $t('router.SystemSettings'), icon:"set",  url: 'systemSettings',status:true },
+//   { title: $t('router.AdministratorSettings'), icon:"admin-set",  url: 'administratorSettings',status:systemStore.Administrator.is_super },
+// ]
 const filteredVanList = computed(() => {
-  return vanListConfig.filter(item => item.status !== false);
+  return [
+    { title: $t('wallet.GoldCoinExchange'), icon:"ingot",  url: 'exchange', status:true },
+    { title: $t('wallet.Competition'), icon:"competition",  url: '', status:true },
+    { title: $t('me.NodeDividend'), icon:"red-envelope",  url: 'nodeDividend', status: systemStore.Administrator.is_white },
+    { title: $t('router.AboutUs'), icon:"me",  url: 'aboutUs', status:true },
+    { title: $t('router.SystemSettings'), icon:"set",  url: 'systemSettings', status:true },
+    { title: $t('router.AdministratorSettings'), icon:"admin-set",  url: 'administratorSettings', status: systemStore.Administrator.is_super },
+  ].filter(item => item.status !== false);
 });
 const formatAddress = (address) => {
   if (!address) return '';