会话存档
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