TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

group

Browse Source
This commit is contained in:
唐明明
2022-02-18 17:37:04 +08:00
parent f246ef1ccc
commit d287513604
2 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
pages/im/group/chat.vue
View File

@@ -1,5 +1,6 @@
<template> <template>
<view class="group--chat"> <view class="group--chat">
<sent-message-bar :conversationType="conversationType" :targetId="targetId" @onSuccess="getNewMessage()" />
<scroll-view class="body" :show-scrollbar="false"> <scroll-view class="body" :show-scrollbar="false">
<view class="cell" v-for="(item, index) in messages" :key="index"> <view class="cell" v-for="(item, index) in messages" :key="index">
<view class="cell-system" v-if="item.senderUserId === '__system__'">{{ item.content.message }}</view> <view class="cell-system" v-if="item.senderUserId === '__system__'">{{ item.content.message }}</view>
@@ -18,7 +19,6 @@
</view> </view>
<view class="cell-footer" ref="chatBottom"></view> <view class="cell-footer" ref="chatBottom"></view>
</scroll-view> </scroll-view>
<sent-message-bar class="message-bar" :conversationType="conversationType" :targetId="targetId" @onSuccess="getNewMessage()" />
</view> </view>
</template> </template>
@@ -171,17 +171,17 @@
background: $window-color; background: $window-color;
height: 100vh; height: 100vh;
display: flex; display: flex;
flex-direction: column; overflow: scroll;
overflow: scroll; flex-direction: column-reverse;
.body { .body {
flex: 1; flex: 1;
display: flex;
flex-direction: column-reverse;
.cell { .cell {
padding: 10rpx 30rpx; padding: 10rpx 30rpx;
.cell-system { .cell-system {
text-align: center; text-align: center;
} }
.cell-item { .cell-item {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

4
pages/im/private/chat.vue
View File

@@ -192,18 +192,14 @@
text-align: right; text-align: right;
} }
} }
.msg { .msg {
margin: 0 20rpx; margin: 0 20rpx;
.state { .state {
padding-top: 10rpx; padding-top: 10rpx;
.state-text { .state-text {
font-size: $title-size-m - 2; font-size: $title-size-m - 2;
color: rgba($color: $main-color, $alpha: 0.3) color: rgba($color: $main-color, $alpha: 0.3)
} }
.state-text-active { .state-text-active {
font-size: $title-size-m - 2; font-size: $title-size-m - 2;
color: #cecece; color: #cecece;