<view class="flex flex-col h-full bg-white">
|
<view class="flex flex-col flex-auto px-5">
|
<view class="justify-between flex flex-0 ">
|
<text class="font40 ywicon icon-liebiao cursor-pointer" bindtap="chatRoomListClick"></text>
|
<text class="font40 ywicon icon-jia cursor-pointer"></text>
|
</view>
|
<view class="flex-auto flex flex-col overflow-y-auto">
|
<view class="flex {{item.role===RoleEnum.user ? 'user':'assistant'}} {{index===0 ? 'mt-0':'mt-30'}}" wx:for="{{chatHistory}}" wx:key="index">
|
<text class="chat-bubble">
|
1321233333333333312211223
|
</text>
|
<image src="{{roleImageMap[item.role]}}" class="size-55"></image>
|
</view>
|
|
<!-- <van-button type="default">默认按钮</van-button>
|
<van-button type="primary">主要按钮</van-button>
|
<van-button type="info">信息按钮</van-button>
|
<van-button type="warning">警告按钮</van-button>
|
<van-button type="danger">危险按钮</van-button> -->
|
</view>
|
</view>
|
<view class="flex-0 flex-items-center py-20" style="background-color: #f4f6f8;">
|
<text class="font35 ywicon icon-fenxiang flex-0 mx-15"></text>
|
<van-field left-icon="replay" custom-class="py-3 flex-items-center" input-class="ml-10" type="textarea" autosize placeholder="你是谁？" class="flex-auto" model:value="{{sendText}}" bind:change="onSendTextChange"></van-field>
|
<text class="font35 ywicon {{!sendText? 'icon-dianhua1':'icon-fasongxiaoxi'}} flex-0 mx-15"></text>
|
</view>
|
<fui-drawer model:show="{{drawerIsShow}}" direction="left">
|
<view class="w-450 flex flex-col relative" style="height: calc(100% - 90rpx)">
|
<text class="ywicon icon-guanbi absolute right-10 top-10" bindtap="drawerCloseClick"></text>
|
<view class="p-15 flex flex-col justify-between" style="background-color: #e8f0fd;">
|
<view class="flex-items-center">
|
<text class="ywicon icon-morentouxiang bg-gray-300 rounded-full font60 text-gray-500 mr-20"></text>
|
<text class="font25 font-bold">183799|免费用户</text>
|
</view>
|
<view class="flex-items-center justify-between mt-20">
|
<van-button class="" color="#000000" custom-style="font-size:20rpx;height:50rpx" round size="small" icon="plus">新建聊天室</van-button>
|
</view>
|
</view>
|
<view class="flex-auto px-15 pt-15 flex flex-col">
|
<view class="flex-0 flex justify-between font19">
|
<text class="text-gray-400 ">历史记录</text>
|
<text class="text-blue-400 ">一键清空所有</text>
|
</view>
|
<view class="flex-auto font25 overflow-y-auto my-20">
|
<view class="flex-items-center justify-between {{index===0 ? 'mt-0':'mt-24'}}" wx:for="{{displayChatRoom}}" wx:key="group_id"
|
data-item="{{item}}" bindtap="chatRoomClick">
|
<view class="flex-auto flex-items-center" style="color:{{activeChatRoom.group_id===item.group_id ?'#35cfab':''}}">
|
<text class="ywicon icon-xiaoxi1 mr-6"></text>
|
<text style="text-overflow: ellipsis;white-space: nowrap;overflow: hidden;">"{{item.group_title}}</text>
|
<text>"</text>
|
</view>
|
<text class="ywicon icon-shanchu ml-30" bind:tap="delChatRoomClick"></text>
|
</view>
|
</view>
|
</view>
|
</view>
|
</fui-drawer>
|
</view>
|
