在uniapp技术上，简单展示类似微信聊天的代码

可以参考以下代码实现：

<template>
  <div class="chat-container">
    <div class="chat-content">
      <div class="chat-item" v-for="(item, index) in chatList" :key="index">
        <div v-if="item.isUser" class="chat-msg user-msg">{{ item.msg }}</div>
        <div v-else class="chat-msg robot-msg">{{ item.msg }}</div>
      </div>
    </div>
    <div class="chat-input">
      <input type="text" class="input-box" placeholder="请输入消息" v-model="inputMsg" @keyup.enter="sendMessage">
      <button class="send-btn" @click="sendMessage">发送</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputMsg: '',
      chatList: [],
    };
  },
  methods: {
    // 发送消息
    sendMessage() {
      if (!this.inputMsg) return;
      this.chatList.push({ isUser: true, msg: this.inputMsg });
      
      // TODO: 调用AI模型获取回复消息
      
      this.inputMsg = '';
    },
  },
};
</script>

这段代码实现了一个简单的聊天界面，包含发送消息和接收消息的功能。其中，我们使用 `v-for` 指令渲染消息列表，使用 `v-model` 双向绑定输入框的值，并使用 `@keyup.enter` 和 `@click` 事件监听回车键和发送按钮的点击事件。

注意，这里的 AI 回复消息的功能还需要你自己实现，可以调用相应的 API 接口或使用类似 Dialogflow、Botpress 等第三方机器人框架。