“智能聊”:微信小程序详解
这次是1.0版本的更新,整体设计请参考上一篇文章:
手把手教你做自然语言理解智能对话的微信小程序【核心源码】
本次更新内容:
1.键盘输入框和语音输入的切换
2.语音输入图标
扫码体验(小程序名:智能聊)
更新之后的界面:
录音中
废话不多说,直接上代码:
index.wxml
<view class="container">
<scroll-view class="scrool-view" scroll-y="true" scroll-with-animation="true" scroll-into-view="{
{scrolltop}}" enable-back-to-top="true">
<view class="chat-list">
<block wx:for="{
{chatList}}" wx:key="time">
<view id="roll{
{index + 1}}" class="chat-left" wx:if="{
{item.orientation == 'l'}}">
<image class="avatar-img" src="/res/image/chat_logo.png"></image>
<text>{
{it