邀请模块优化

pages/im/friends/index.vue

@@ -12,8 +12,8 @@
             </view>
             <block v-if="friends.length > 0">
                 <u-index-item v-for="(item, fkey) in friends" :key="fkey">
-                    <u-index-anchor :text="indexs[fkey]" bgColor="#ededed" height="20" size="12" color="#666"
-                        style="padding:10rpx 30rpx" />
+                    <u-index-anchor :text="indexs[fkey]" bgColor="#f9f9f9" height="20" size="12" color="#666"
+                        class="anchor" />
                     <view v-for="(friendItem, index) in item" :key="index" class="friend-flex"
                         @click="toFriend(friendItem.targetId)">
                         <u-avatar class="avatar-img" size="40" shape="square"
@@ -37,8 +37,8 @@
         getFriendsLetter
     } from '@/apis/interfaces/im';
     import * as RongIMLib from '@/uni_modules/RongCloud-IMWrapper/js_sdk/index'
-    import im from '@/utils/im/index.js'
-    
+    import im from '@/utils/im/index.js'
+
     export default {
         data() {
             return {
@@ -87,9 +87,9 @@
             // 新朋友
             toPending() {
                 // if (this.pendingCount > 0) {
-                    uni.navigateTo({
-                        url: '/pages/im/friends/pending'
-                    });
+                uni.navigateTo({
+                    url: '/pages/im/friends/pending'
+                });
                 // } else {
                 //     uni.showToast({
                 //         title: ` 暂无好友申请 ~ `,
@@ -114,6 +114,12 @@
         height: 70vh;
     }
 
+    .anchor {
+        background-color: #f9f9f9 !important;
+        padding: 10rpx 30rpx;
+        border-bottom: none !important;
+    }
+
     // 好友列表
     .friend-flex {
         position: relative;
@@ -127,6 +133,8 @@
             box-shadow: 0 0 20rpx rgba($color: $main-color, $alpha: 0.2);
         }
 
+
+
         .info {
             flex: 1;
             margin-left: $padding;