caimei365-www/src/main/resources/templates/components/drawer-ai.html

<el-drawer title="" :visible.sync="isAiDrawer" direction="ltr" size="40%" :before-close="handleClose">
  <div class="cm_ai_container">

    <div class="cm_ai_answer_main" id="cm_ai_answer">
<!--      <div class="cm_ai_answer">-->
<!--        <div class="cm_ai_html_icon user">-->
<!--          <img src="/img/base/icon-aiUser@2x.png">-->
<!--        </div>-->
<!--        <div class="cm_ai_html user" id="cm_ai_htmlcontent_user"></div>-->
<!--      </div>-->
<!--      <div class="cm_ai_answer">-->
<!--        <div class="cm_ai_html_icon">-->
<!--          <img src="/img/base/icon-ai@1x.png">-->
<!--        </div>-->
<!--        <div class="cm_ai_html" id="cm_ai_htmlcontent"></div>-->
<!--      </div>-->
    </div>
    <div class="cm_ai_content">
      <div class="cm_ai_header">
        <div class="cm_ai_icon"><img src="/img/base/icon-ai@1x.png" alt="采美AI助手"></div>
        <div class="cm_ai_text">采美AI助手</div>
      </div>
      <div class="cm_ai_input">
        <textarea class="cm_ai_textarea" v-model="textarea" placeholder="请输入您想了解的内容"></textarea>
      </div>
      <div class="cm_ai_button" :class="isLoading ? 'none' : ''" @click="handleAskQuestion">
        <img v-if="isLoading" class="cm_ai_icon" src="/img/base/icon-loading.gif">
        <img v-else class="cm_ai_icon" src="/img/base/icon-aiBtn@2x.png">
      </div>
    </div>
  </div>
</el-drawer>