uniapp开发app，开发AI机器人对话功能，包含停止回答，文字一个字一个字蹦出来，每次滚动到最底部，查看历史等功能_uniapp实现ai对话页面

首先声明：前端自己写的模仿对话功能，未接入chatgpt接口，若接入接口，处理一下数据即可

               TipsCards 组件可以注释，没有啥用

视频：上传不上来，可联系作者查看，wx:17614860868

适应：安卓、IOS（均自测，暂无发现问题，代码可直接复制，即可使用）

<template>
    <view class="chat">
        <view class="box-bg" style="padding-top: var(--status-bar-height);">
            <uni-nav-bar>
                <block slot="left">
                    <view class="city">
                        <uni-icons type="contact" size="30" @click="toggle('left')"></uni-icons>
                    </view>
                </block>
                <view class="input-view">
                    <view class="">
                        对话
                    </view>
                    <view class="">
                        智能体
                    </view>
                    <view class="">
                        灵感
                    </view>
                </view>
                <block slot="right">
                    <uni-icons type="contact" size="30"></uni-icons>
                </block>
            </uni-nav-bar>
        </view>
        <scroll-view :style="{height: `${windowHeight-inputHeight}rpx`}" id="scrollview" scroll-y="true"
            :scroll-top="scrollTop" class="scroll-view">
            <TipsCards v-if="isTips" style="padding: 30rpx;"></TipsCards>
            <!-- 聊天主体 -->
            <view id="msglistview" class="chat-body">
                <!-- <view> -->
                <view class="item self" v-for="item in msgList">
                    <view class="item_s">
                        <view class="item_q">
                            <view class="" style="padding: 30rpx;">
                                { {item.content}}
                            </view>
                        </view>
                    </view>
                    <view class="item_e" style="">
                        <view class="item_b" style="">
                            <view class="" style="padding: 30rpx;">
                                { {item.contentChars}}
                            </view>
                        </view>
                    </view>

                </view>
                <!-- </view> -->
                <view class="" @click="stopFnc" style="margin: 0 auto;margin-bottom: 120rpx;" v-if="isShow">
                    停止回答
                </view>
            </view>
        </scroll-view>
        <!-- 底部消息发送栏 -->
        <!-- 用来占位，防止聊天消息被发送框遮挡 -->
        <view class="chat-bottom" :style="{height: `${inputHeight}rpx`}">
            <view class="send-msg" :