|
|
@@ -13,12 +13,14 @@
|
|
|
</view>
|
|
|
<view class="bottom-message">
|
|
|
<!-- 对话信息 -->
|
|
|
- <view class="jhim-message-box">
|
|
|
- <view class="jhim-message" v-for="(item, index) in imMsgs.slice(0,5)" :key="index">
|
|
|
- <text class="jhim-message-text" style="color: #C8C8C8;">{{item.name}}：</text>
|
|
|
+ <!-- <view class="jhim-message-box"> -->
|
|
|
+ <scroll-view scroll-y="true" class="jhim-message-box">
|
|
|
+ <view class="jhim-message" v-for="(item, index) in imMsgs.slice(-10)" :key="index">
|
|
|
+ <text class="jhim-message-text2">{{item.name}}：</text>
|
|
|
<text class="jhim-message-text">{{item.text}}</text>
|
|
|
</view>
|
|
|
- </view>
|
|
|
+ </scroll-view>
|
|
|
+ <!-- </view> -->
|
|
|
<!-- 下方功能 -->
|
|
|
<view v-if="showIm" class="bottom-box">
|
|
|
<view v-if="!imStatus" class="jhim-input-box">
|
|
|
@@ -283,6 +285,7 @@
|
|
|
background-color:rgba(0, 0, 0, 0.4);
|
|
|
}
|
|
|
.jhim-message-box {
|
|
|
+ max-height: 230px;
|
|
|
/* position: absolute; */
|
|
|
/* padding: 5;
|
|
|
left: 5px; */
|
|
|
@@ -291,6 +294,9 @@
|
|
|
}
|
|
|
.jhim-message {
|
|
|
/* flex: 1; */
|
|
|
+ width: 400rpx;
|
|
|
+ margin-left: 10px;
|
|
|
+ margin-right: 10px;
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
align-items: center;
|
|
|
@@ -303,6 +309,10 @@
|
|
|
color: #fff;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
+ .jhim-message-text2 {
|
|
|
+ color: #C8C8C8;
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
.jhim-input-box {
|
|
|
padding: 10px;
|
|
|
margin: 10px;
|
zhaoxw