好友申请列表/好友搜索列表/个人中心复制区块链

pages/im/friends/index.vue

@@ -53,7 +53,6 @@ export default {
         getFriends().then(res => {
             this.indexs = res.indexList;
             this.friends = res.itemArr;
-
             console.log(res.itemArr);
         });
     },
@@ -69,7 +68,7 @@ export default {
         // 新朋友
         toPending() {
             uni.navigateTo({
-                url: '/pages/im/friends/pending'
+                url: '/pages/im/friends/search'
             });
         }
     },

pages/im/friends/info.vue

@@ -2,19 +2,14 @@
     <view class="content">
         <!-- 用户信息 -->
         <view class="user-info">
-            <u-avatar
+            <u-avatar :src="userInfo.portraitUrl" size="100" />
-                :src="userInfo.portraitUrl"
-                size="100"
-            ></u-avatar>
 
             <view class="nickname">{{ userInfo.name }}</view>
             <!-- <view class="sex">
                 <u-tag text="男" color="#fff" borderColor="#5db6ee" size="mini" icon="man" bgColor="#5db6ee"></u-tag>
                 <u-tag text="女" color="#fff" borderColor="#e4867a" size="mini" icon="woman" bgColor="#e4867a"></u-tag>
             </view> -->
-            <view class="address">
+            <view class="address">{{ userInfo.address }}</view>
-                {{ userInfo.address}}
-            </view>
             <!-- 通过/拒绝/已通过/已拒绝 -->
         </view>
         <!-- <view class="user-lists">
@@ -24,42 +19,35 @@
 			</view>
 		</view> -->
         <!-- 发送消息 -->
-        <view class="info-footer">
+        <view class="info-footer"><button class="open-btn" @click="toPrivate">发送消息</button></view>
-            <button
-                class="open-btn"
-                @click="toPrivate"
-            >发送消息</button>
-        </view>
     </view>
 </template>
 
 <script>
-import { getUserInfo } from "@/apis/interfaces/im.js";
+import { getUserInfo } from '@/apis/interfaces/im.js';
 
 export default {
     data() {
         return {
-            targetId: "",
+            targetId: '',
-            userInfo: {},
+            userInfo: {}
         };
     },
     mounted() {
-        getUserInfo(this.$Route.query.id).then((res) => {
+        getUserInfo(this.$Route.query.id).then(res => {
             this.userInfo = res;
             uni.setNavigationBarTitle({
-                title: res.name,
+                title: res.name
             });
         });
     },
     methods: {
         toPrivate() {
             uni.redirectTo({
-                url:
+                url: '/pages/im/private/index?conversationType=1&targetId=' + this.targetId
-                    "/pages/im/private/index?conversationType=1&targetId=" +
-                    this.targetId,
             });
-        },
+        }
-    },
+    }
 };
 </script>
 
@@ -147,4 +135,4 @@ export default {
         }
     }
 }
-</style>
+</style>

pages/im/friends/search.vue

@@ -1,5 +1,5 @@
 <!--
- * @Description:新朋友即新增好友申请列表  可以搜索跳转
+ * @Description:搜索新朋友页面
  * @Author: Aimee·Zhang
  * @Date: 2022-01-24 10:49:15
  * @LastEditors: Aimee·Zhang
@@ -20,6 +20,7 @@
                     @search="search"
                     inputAlign="center"
                     bgColor="#f9f9f9"
+                    :focus="focused"
                 />
             </view>
         </u-sticky>
@@ -41,7 +42,8 @@ export default {
     data() {
         return {
             searchResult: [],
-            searchValue: ''
+            searchValue: '',
+            focused:true
         };
     },
     methods: {