调整聊天界面样式

This commit is contained in:
唐明明
2022-01-19 16:49:29 +08:00
parent 070c6c729e
commit d4d366a357
7 changed files with 330 additions and 243 deletions

View File

@@ -2,12 +2,12 @@
<div>
<view class="list">
<view class="list__item" @click="toPending">
<u-avatar shape="square" size="35" icon="man-add-fill" fontSize="26" randomBgColor></u-avatar>
<u-avatar size="35" icon="plus-people-fill" fontSize="26" randomBgColor></u-avatar>
<text class="list__item__user-name">新的朋友</text>
</view>
<u-line></u-line>
<view class="list__item" @click="toGroup">
<u-avatar shape="square" size="35" icon="chrome-circle-fill" fontSize="26" randomBgColor></u-avatar>
<u-avatar size="35" icon="account-fill" fontSize="26" randomBgColor></u-avatar>
<text class="list__item__user-name">我的群聊</text>
</view>
<u-line></u-line>
@@ -24,7 +24,8 @@
<!-- #endif -->
<view class="list" v-for="(item1, index1) in item" :key="index1">
<view class="list__item" @click="toInfo">
<image class="list__item__avatar" :src="item1.url"></image>
<image class="list__item__avatar" :src="item1.url"></image>
<!-- <u-avatar size="35" icon="chrome-circle-fill" fontSize="26" randomBgColor></u-avatar> -->
<text class="list__item__user-name">{{item1.name}}</text>
</view>
<u-line></u-line>
@@ -119,7 +120,7 @@
&__avatar {
height: 35px;
width: 35px;
border-radius: 3px;
border-radius: 50%;
}
&__user-name {