会话存档
This commit is contained in:
		| @@ -23,10 +23,12 @@ | ||||
|         <div class="addressBook-left__list--wrapper"> | ||||
|           <div class="addressBook-left__list--item" v-for="(item, index) in list" :key="index" :class="leftActiveIndex == index ? 'active' : ''" @click="leftClick(index)"> | ||||
|             <div v-if="tabIndex == 1" class="flex-left"> | ||||
|               <img src="./img/group-img.png" alt="">{{item.roomName}} | ||||
|               <img src="./img/group-img.png" alt=""> | ||||
|               <p>{{item.roomName}}啦啦啦啦啦啦啦</p> | ||||
|             </div> | ||||
|             <div v-else> | ||||
|               <img :src="item.toUserAvatar" alt="">{{item.toUserName}} | ||||
|             <div v-else class="flex-left"> | ||||
|               <img :src="item.toUserAvatar" alt=""> | ||||
|               <p>{{item.toUserName}}啦啦啦啦啦啦啦啦啦啦啦啦啦啦</p> | ||||
|             </div> | ||||
|             <div class="flex-right" :class="`type`+item.roomType" v-if="tabIndex == 1 && item.roomType > 0">{{item.roomType == 1 ? '内部' : '外部'}}</div> | ||||
|             <div class="flex-right" :class="`type`+item.toUserType" v-if="tabIndex != 1 && item.toUserType > 0">{{item.toUserType == 1 ? '内部' : '外部'}}</div> | ||||
| @@ -355,7 +357,7 @@ | ||||
| <style scoped lang="scss"> | ||||
|   .detail { | ||||
|     .addressBook-left { | ||||
|       width: 100%; | ||||
|       width: 300px; | ||||
|       height: auto; | ||||
|       background: #FAFAFB; | ||||
|       position: relative; | ||||
| @@ -405,11 +407,19 @@ | ||||
|             height: 44px; | ||||
|             border-radius: 50%; | ||||
|             margin-right: 8px; | ||||
|             vertical-align: middle; | ||||
|             vertical-align: top; | ||||
|           } | ||||
|           .flex-left { | ||||
|             padding-right: 8px; | ||||
|             box-sizing: border-box; | ||||
|             width: calc(100% - 56px); | ||||
|             p { | ||||
|               display: inline-block; | ||||
|               width: calc(100% - 52px); | ||||
|               overflow: hidden; | ||||
|               white-space: nowrap; | ||||
|               text-overflow: ellipsis; | ||||
|             } | ||||
|           } | ||||
|           .flex-right { | ||||
|             font-size: 12px; | ||||
|   | ||||
		Reference in New Issue
	
	Block a user