From e192fc81a6ad8a2b5821af01c72f4795c6c1605b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <970899069@qq.com>
Date: Mon, 24 Jan 2022 16:49:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8B=E5=8F=8B=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .DS_Store                  | Bin 10244 -> 12292 bytes
 apis/interfaces/im.js      |   2 +-
 pages/im/friends/index.vue |  98 ++++++++++++++++++++++++++-----------
 pages/im/index.vue         |   5 +-
 static/.DS_Store           | Bin 8196 -> 10244 bytes
 static/im/im_00.png        | Bin 0 -> 3809 bytes
 static/im/im_01.png        | Bin 0 -> 2895 bytes
 7 files changed, 73 insertions(+), 32 deletions(-)
 create mode 100644 static/im/im_00.png
 create mode 100644 static/im/im_01.png

diff --git a/.DS_Store b/.DS_Store
index cf3b25fe5992aaea75a08bf2b3dd8d8ffc09ec7c..102121f1330d4f441a288fdcd40c04c08591dfca 100644
GIT binary patch
delta 673
zcmZ8f&2Lgc5TE7qAyk&H7E3iKBsQrUI2bP)Da0u804YraX|;V17I^V>_w~I;YrWv1
z@!q_H@!-k32_c@<s|U}X^xz+0FJ6p^&Vn@!lg!TS{(dvFyE8}iqn#`Okn*5Y1XxB_
zL6w$9aCrfc4IgK(Ui9LIpzffePXPwt00YbH7aPZF&MoA9eo64TzZNdLMVc6?mEbt2
z_!M%(T};3CzeVu1`!)T0sJHh`%@7)99BZbb+fJeIjZ)(A`uu^Q5;_--%$<+YSUeF+
z#!{)&{6Z=nU(9UNgr>Hi^ei#por*AoRW=4}n?~)vIH<M-uUl+iX9rD(J#`xTGlb$Z
z0c))DSR4LNvVLeHDLF&BZ!yL<dzRj*b-OlmnzBUO5{6M1w(jVHx6Yugtx0)@?N)hL
zU`cs}nki}a2D5CmGx0;gn=RF{RNiCd!$*dyF{8%I!g0iIQ^$A6yH6@KOtr1^UheJ*
z{vApvSCXAUp^%$8*e^=fx!?@J`t&SUdiW1iU<Fp80b8&K&*3G!fp_q+44>gU{DePb
zj?9xQWQANKH_0thBCDiA9*`<on}&O2Kcy^9&FM-u$Dc0T35?82fE33OdJ@e0C*z<?
zhJQ+14x_zyc8o^q53d`|Uk}N&A0*4Y9m)7`r?~z6D|auMaW5@J#`)A2k8+yuFK}6;
A#{d8T

delta 165
zcmZokXbF&DU|?W$DortDU{C-uIe-{M3-C-V6q~3gIoUvmMHI+qhzDXupg2QLx?yl~
zes00Wi)QQ-9~5q8=V0MrjNi<o@PU2u4RyYW3j`<g3hZND4^%&I@&$oEn`aB_vI#PS
z%m5nA4J2Ga#&5j%oq009jxHm^WD_1`4kn1z8k19WW^QIw{msO|z{XI-kk3#G0BsH=
AcmMzZ

diff --git a/apis/interfaces/im.js b/apis/interfaces/im.js
index 07dcddf..55652a8 100644
--- a/apis/interfaces/im.js
+++ b/apis/interfaces/im.js
@@ -12,7 +12,7 @@ import {
 // 获取好友列表
 const getFriends = () => {
     return request({
-        url: 'im/friends',
+        url: 'im/friends/letter',
     }, true)
 }
 
diff --git a/pages/im/friends/index.vue b/pages/im/friends/index.vue
index b3f2ed2..2b3d801 100644
--- a/pages/im/friends/index.vue
+++ b/pages/im/friends/index.vue
@@ -1,28 +1,37 @@
 <template>
-    <view>
-        <u-list height="auto">
-            <u-list-item>
-                <u-cell title="新的朋友" @click="toPending">
-                    <u-avatar slot="icon" size="35" font-size="24" icon="plus-people-fill" shape="square"
-                        bg-color="#f0ad4e"></u-avatar>
-                </u-cell>
-            </u-list-item>
-            <u-list-item>
-                <u-cell title="我的群聊" @click="showToast">
-                    <u-avatar slot="icon" size="35" font-size="24" icon="account-fill" shape="square"
-                        bg-color="#4cd964"></u-avatar>
-                </u-cell>
-            </u-list-item>
-        </u-list>
-
-        <block v-if="friends.length > 0">
-            <u-list height="auto">
-                <u-list-item v-for="(item, index) in friends" :key="index">
-                    <u-cell :title="item.name + item.userId" @click="toInfo(item.userId)">
-                        <u-avatar slot="icon" shape="square" size="35" :src="item.portraitUrl"></u-avatar>
-                    </u-cell>
-                </u-list-item>
-            </u-list>
+    <view>
+        <block v-if="friends.length > 0">
+			<u-index-list :index-list="indexs" inactiveColor="#666" activeColor="#34CE98">
+				<view>
+					<view class="friend-flex" @click="toPending">
+						<u-avatar class="cover" size="40" shape="square" :src="require('@/static/im/im_01.png')"></u-avatar>
+						<view class="name">新的朋友</view>
+					</view>
+					<view class="friend-flex" @click="showToast">
+						<u-avatar class="cover" size="40" shape="square" :src="require('@/static/im/im_00.png')"></u-avatar>
+						<view class="name">我的群聊</view>
+					</view>
+				</view>
+				<template v-for="(item, friend) in friends">
+					<!-- #ifdef APP-NVUE -->
+						<u-index-anchor :text="indexs[friend]" bgColor="#F3F6FB" height="20" size="12" color="#666"></u-index-anchor>
+					<!-- #endif -->
+					<u-index-item>
+						<!-- #ifndef APP-NVUE -->
+							<u-index-anchor :text="indexs[friend]" bgColor="#F3F6FB" height="20" size="12" color="#666"></u-index-anchor>
+						<!-- #endif -->
+						<view v-for="(friendItem, index) in item" :key="friendItem.userId" class="friend-flex">
+							<block v-if="friendItem.portraitUrl != ''">
+								<u-avatar class="cover" size="40" shape="square" :src="friendItem.portraitUrl || ''" :default-url="require('@/static/user/cover.png')"></u-avatar>
+							</block>
+							<block v-else>
+								<u-avatar class="cover" size="40" shape="square" :src="require('@/static/user/cover.png')"></u-avatar>
+							</block>
+							<view class="name">{{friendItem.name}}</view>
+						</view>
+					</u-index-item>
+				</template>
+			</u-index-list>
         </block>
         <block v-else>
             <u-empty class="pages-null" mode="data" icon="http://cdn.uviewui.com/uview/empty/data.png" text="暂无好友">
@@ -37,13 +46,17 @@
     } from '@/apis/interfaces/im'
     export default {
         data() {
-            return {
+            return {
+				indexs : [],
                 friends: []
             }
         },
         onShow() {
-            getFriends().then(res => {
-                this.friends = res
+            getFriends().then(res => {
+				this.indexs  = res.indexList
+                this.friends = res.itemArr
+				
+				console.log(res.itemArr)
             })
         },
         computed: {
@@ -76,9 +89,36 @@
     }
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
     // 页面空
     .pages-null {
         height: 70vh;
-    }
+    }
+	// 好友列表
+	.friend-flex{
+		position: relative;
+		padding: 20rpx $padding;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		// .cover
+		.name{
+			flex: 1;
+			padding-left: $padding;
+			font-size: $title-size;
+			@extend .nowrap;
+		}
+		&::after{
+			position: absolute;
+			height: 1rpx;
+			background: $border-color;
+			left: calc(40px + #{$padding * 2});
+			right: 0;
+			bottom: 0;
+			content: " ";
+		}
+		&:last-child::after{
+			display: none;
+		}
+	}
 </style>
diff --git a/pages/im/index.vue b/pages/im/index.vue
index e82ccf3..7c0630f 100644
--- a/pages/im/index.vue
+++ b/pages/im/index.vue
@@ -300,7 +300,8 @@
             }
             .content {
 				padding-left: 30rpx;
-                flex: 1;
+				width: calc(100% - 44px);
+				box-sizing: border-box;
                 .header {
                     display: flex;
                     justify-content: space-between;
@@ -315,7 +316,7 @@
                 .preview {
                     word-break: break-all;
                     color: $text-gray;
-                    font-size: $title-size-sm;
+                    font-size: $title-size-sm;
                     @extend .nowrap;
                 }
             }
diff --git a/static/.DS_Store b/static/.DS_Store
index b073f032cf3576cd790f8d6afd4d9ff8b9a1b533..3cd5bcc9a033ea054289cf7b1745e8238c8f4180 100644
GIT binary patch
literal 10244
zcmeHM&ubGw6n>MW?Y34-K`0)Cy$C&&nzSNTs>T?R9tuK44_ex!*|vcs8<S0=#!Ai=
z!J}TJAc8l&DR>bS5qhW>5&SE>wjT7&k4$DJiH9CU!%W$IyYt?g{pS02COcCAAjw)T
z4&VZSg9o+IQ9N}i)K8C&5)w7%(GtuDe<fS+vv?Qnh_w}#0n318z%pPNunhbg4B&4z
zEzTis?b$M58L$jU2I&0Y;z4af*e17Z>cA6Q0-%jxH7j_{KK{|Vv;u8H*e17FgN5)^
zv^<rFB?b{|2g1|QpAhj)Zh1No_GD~FJei0U3K2^W;<9ic32yD#GGH0#WPq;S!;k|H
zHs%Z3`u!q$rhc))(nM6YUM-7N{^xADkgo=@*f$aiM+OFm9B0HCIXtqMUia(iAQRN8
z$xP)Yy}OzT*0bXJn(r6nbtZc~@70&0M=$xMAd@e76_%XOc^Go*M!uBu>q);>%2ioA
zY3^{GVP|+LI^JlUnVxiK;xn6*Zew;jHtC+4IlZ|#?2Mm?pPOGU-o4kjzxm(^?=}%r
z2OQz|^86I9MDGe~@$`ycEHmHm_hj2s^iwI(Z|BkW?VaS#2g;DhEBd)Vc+2Z*t3PPt
zB5xyIDHZ(E8rD#B5m<#hlptql@d|ya7BWu5JLbJq+fWftj8$5QWv+_3n_ojc_8yx?
ze0f*_A4)ntavXg+J`tzkgFVWpY(vHO_Kt#2<f{0(`89lmNjBQThdd%m2w)2FR-xJj
z?=$7y?v@u|_NtNh5b>*dA$(rZh}mz)Y+b->7SpGrhV@O?7<(-Gtm^wZz4c~cmyH;f
zqiSpVG+kM9oWqW>g51MehqhEB^Ic?deX0Q+Ppp5M4ri9GAP>@~YOy~TwC4hmtLo9s
zuW2&-g{mUkHgp+6G#(vukU@1kV|45p>KM^lA7J4aMjH`oPd;U2PdcL7^KtJetyl1v
z_G$oe2RL_BOynUtN2~9Z5~-tZoYdP<5tD*MtmLcgcaPAKHt_*4h&VHlg(RLUI?JK2
z=vT37u{zqtcV=5E-slU7S8GE>+$%=Myp4~+cczB?dL~|=zohECD&zWg%nBYfEl6rt
z<w(_G?x)m2a-(X{&9Cv#mrF9&7_);=$G50}e;x$-y9D&xL)Au$?NfcUK581l+2_cI
z=2vz47_PPERwJf8AN7jS^nwIFMt_c>8TH#@8L$jk1`ftRn5VgP|NnCD|NkGXahqis
zunhbc43J1FouXSatqn30HT`&W@mR)#78=*&mZji{eP5zw+wpiqx8o=9ps_J(X~FA+
kuuX2U2FqXnXFxygT*`I0_MK|i|8hUpuK)GD0{))-29^=p*Z=?k

delta 144
zcmZn(XmOBWU|?W$DortDU;r^WfEYvza8E20o2aMAsJ}5_H$S8PWF7&7$x?!un`a7c
zV4QqZ#BlO8(frM^V!lk1yCm}`3rbl|)|0N@Sh|Q&kQt~Q2qd_Hge%CTjfLNtC-bWW
Waxg;7XP6w%Gj(#Rge$7n`HTQJ6C%F=

diff --git a/static/im/im_00.png b/static/im/im_00.png
new file mode 100644
index 0000000000000000000000000000000000000000..e8cf083498f9e117c3e9a194b14c03463046ffb6
GIT binary patch
literal 3809
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
XHog`nrkjY?00000NkvXXu0mjfG>9GV

literal 0
HcmV?d00001

diff --git a/static/im/im_01.png b/static/im/im_01.png
new file mode 100644
index 0000000000000000000000000000000000000000..ac0fc3e2b0661440b7892ca4e75a8150c19e9917
GIT binary patch
literal 2895
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

literal 0
HcmV?d00001