yyszkt_help_douyin_miniprogram/pages/index/index.ttml

<view class="container">
  
  <!-- 导航栏下方简介 -->
  <view class="nav-intro-section">
    <text class="nav-intro-text">本小程序提供酷乐秀公司旗下软件的咨询、问题反馈和收集用户建议</text>
  </view>

  <!-- 聊天消息区域 -->
  <scroll-view class="chat-container" scroll-y="true" scroll-top="{{scrollTop}}" scroll-into-view="{{scrollIntoView}}" scroll-with-animation="true">
    <!-- 聊天消息列表（按时间顺序） -->
    <view tt:for="{{chatMessages}}" tt:key="timestamp">
      <!-- 助手消息 -->
      <view class="message-item message-left" tt:if="{{item.type === 'assistant'}}">
        <view class="avatar">助</view>
        <view class="message-content">
          <text class="message-text">{{item.content}}</text>
          <text class="message-time">{{item.time}}</text>
        </view>
      </view>
      
      <!-- 用户消息 -->
      <view class="message-item message-right" tt:elif="{{item.type === 'user'}}">
        <view class="message-content">
          <text class="message-text">{{item.content}}</text>
          <text class="message-time">{{item.time}}</text>
        </view>
        <view class="avatar user-avatar">我</view>
      </view>
    </view>

    <!-- 滚动锚点 -->
    <view id="bottom-anchor"></view>
  </scroll-view>


  <!-- 底部区域：输入区 -->
  <view class="bottom-section">
    <!-- 输入区域 -->
    <view class="input-container">
      <view class="input-wrapper">
        <textarea 
          class="message-input" 
          placeholder="请输入消息内容..." 
          bindinput="handleInputChange" 
          value="{{messageContent}}" 
          maxlength="500"
          adjust-position="false"
          cursor-spacing="20"
        ></textarea>
        <text class="char-count-inside">{{messageContent.length}}/500</text>
        <view class="input-actions">
          <button 
            class="send-btn {{messageContent ? 'active' : ''}}" 
            bindtap="handleSendMessage"
            disabled="{{!messageContent}}"
          >
            <text class="send-icon">➤</text>
          </button>
        </view>
      </view>
    </view>
  </view>

  <!-- 聊天页固定菜单 -->
  <view class="page-tabbar">
    <view class="page-tab-item" bindtap="handleGoProduct">
      <text class="page-tab-text">产品介绍</text>
    </view>
    <view class="page-tab-item" bindtap="handleGoTrial">
      <text class="page-tab-text">申请试用</text>
    </view>
  </view>

</view>