Browse Source

style(common): 调整聊天页面布局和样式

-调整聊天列表高度,从80vh 改为 78vh
- 修改页面上下内边距,从 32rpx 和 150rpx 改为 120rpx
- 调整底部输入框区域样式,将左右内边距统一设置为 30rpx,底部内边距设置为 50rpx
master
liutong 10 months ago
parent
commit
34b2f2ddd4
  1. 9
      pages/common/im_chat_info.vue

9
pages/common/im_chat_info.vue

@ -8,7 +8,7 @@
scroll-y="true"
:scroll-top="scrollTop"
:lower-threshold="lowerThreshold"
style="height: 80vh;"
style="height: 78vh;"
>
<view class="ul">
<view class="item_box" v-for="(v,k) in tableList" :key="k" :id="'item_' + v.id">
@ -417,8 +417,8 @@ export default {
min-height: 100vh;
background: #292929 100%;
padding: 0 0rpx;
padding-top: 32rpx;
padding-bottom: 150rpx;
padding-top: 120rpx;
padding-bottom: 120rpx;
font-size: 28rpx;
display: flex;
flex-direction: column;
@ -481,7 +481,8 @@ export default {
position: fixed;
bottom: 0;
padding: 50rpx 30rpx;
padding: 30rpx;
padding-bottom: 50rpx;
display: flex;
justify-content:space-between;
align-items: center;

Loading…
Cancel
Save