聊天功能优化,部分问题修复
This commit is contained in:
@@ -2,7 +2,7 @@
|
||||
<view class="min-page bg-f7 u-font-28">
|
||||
<view class="user-list bg-fff">
|
||||
<view class="u-flex u-row-between u-col-center">
|
||||
<text class="color-000">群成员(22人)</text>
|
||||
<text class="color-000">群成员({{allUser.length}}人)</text>
|
||||
<text class="color-red" @click="showRemove = !showRemove">移除</text>
|
||||
</view>
|
||||
<view class="list u-m-t-26">
|
||||
@@ -17,7 +17,7 @@
|
||||
:src="item.avatar"
|
||||
round="8rpx"
|
||||
></up-avatar>
|
||||
<view class="u-m-t-8 color-000">{{ item.nick_name }}</view>
|
||||
<view class="u-m-t-8 color-000 u-line-1" style="max-width: 104rpx;">{{ item.nick_name }}</view>
|
||||
<view
|
||||
class="remove u-absolute"
|
||||
v-if="showRemove && item.role != 1"
|
||||
@@ -32,8 +32,10 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="u-flex u-row-center color-666 u-m-t-30" v-if="hasMore">
|
||||
<text class="u-m-r-20">查看更多</text>
|
||||
<up-icon name="arrow-down" size="24rpx" color="#666"></up-icon>
|
||||
<view class="u-flex" @click="loadMore">
|
||||
<text class="u-m-r-20">查看更多</text>
|
||||
<up-icon name="arrow-down" size="24rpx" color="#666"></up-icon>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
@@ -61,10 +63,12 @@
|
||||
</view>
|
||||
<view
|
||||
class="u-flex u-row-between default-padding bg-fff"
|
||||
@click="go.to('PAGES_CHAT_COUPON_ACTIVITY', {
|
||||
group_id: options.group_id,
|
||||
session_id: options.session_id,
|
||||
})"
|
||||
@click="
|
||||
go.to('PAGES_CHAT_COUPON_ACTIVITY', {
|
||||
group_id: options.group_id,
|
||||
session_id: options.session_id,
|
||||
})
|
||||
"
|
||||
>
|
||||
<text>优惠券领取记录</text>
|
||||
<view class="u-flex color-666">
|
||||
@@ -122,16 +126,20 @@ function groupMuteChange(e) {
|
||||
});
|
||||
}
|
||||
const showRemove = ref(false);
|
||||
let allUser = [];
|
||||
let allUser = ref([]);
|
||||
const userLists = ref([]);
|
||||
const hasMore = ref(false);
|
||||
function getMembers() {
|
||||
chatApi.groupMembers({ group_id: options.group_id }).then((res) => {
|
||||
allUser = res.user_list || [];
|
||||
hasMore.value = allUser.length > 20;
|
||||
userLists.value = allUser.slice(0, 20);
|
||||
allUser.value = res.user_list || [];
|
||||
hasMore.value = allUser.value.length > 20;
|
||||
userLists.value = allUser.value.slice(0, 20);
|
||||
});
|
||||
}
|
||||
|
||||
function loadMore() {
|
||||
userLists.value=allUser.value
|
||||
}
|
||||
onShow(() => {
|
||||
getMembers();
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user