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

调整筛选组件

Browse Source
This commit is contained in:
唐明明
2023-03-22 13:41:02 +08:00
parent 7de206c0a2
commit 0dc909ea05
30 changed files with 2699 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
pages/im/chat.vue Normal file
View File

@@ -0,0 +1,69 @@
<template>
<view class="chat">
<list>
<cell v-for="(item, index) in 99" :key="index">消息{{index}}</cell>
</list>
<!-- <view class="chat-soll">
<view v-for="(item, index) in 50" :key="index">{{item}}滚动的聊天记录</view>
</view>
<view class="chat-footer">
<view class="chat-inputs">
<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>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
<style lang="scss">
.chat{
background: #ddd;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between;
.chat-soll{
flex: 1;
overflow-y: scroll;
}
.chat-footer{
background: white;
padding: 30rpx 30rpx 60rpx 30rpx;
.chat-inputs{
display: flex;
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;
}
}
}
}
}
</style>