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

开发分支

Browse Source
This commit is contained in:
唐明明
2023-03-14 17:19:21 +08:00
parent a24fe7a84c
commit 9eb1f97e4c
12 changed files with 234 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
pages/im/chat.vue
View File

@@ -1,14 +1,20 @@
<template>
<view class="chat">
<scroll-view class="chat-soll" scroll-y>
<view class="chat-soll">
<view v-for="(item, index) in 50" :key="index">{{item}}滚动的聊天记录</view>
</scroll-view>
</view>
<view class="chat-footer">
<view class="chat-inputs">
<view class="">常用语</view>
<input type="text" placeholder="输入框" confirm-type="send">
<view class="">表情</view>
<view class="">加</view>
<view class="chat-icon">
<image src="@/static/im/icon_01.png" mode="widthFix"></image>
</view>
<input class="chat-input" type="text" placeholder="输入框" confirm-type="send">
<view class="chat-icon">
<image src="@/static/im/icon_02.png" mode="widthFix"></image>
</view>
<view class="chat-icon">
<image src="@/static/im/icon_00.png" mode="widthFix"></image>
</view>
</view>
</view>
</view>
@@ -32,7 +38,8 @@
flex-direction: column;
justify-content: space-between;
.chat-soll{
height: 50vh;
flex: 1;
overflow-y: scroll;
}
.chat-footer{
background: white;
@@ -42,6 +49,17 @@
background: #f6f7f9;
height: 80rpx;
border-radius: 40rpx;
.chat-input{
width: calc(100% - 240rpx);
height: 80rpx;
line-height: 80rpx;
}
.chat-icon{
width: 80rpx;
image{
width: 80rpx;
}
}
}
}
}