历史会话页面开发

liudong

2024-08-16 189c2393466806e34639750ee168a946692c596f

 src/views/dmx/IntelligentAgent/components/sessionAction.vue

@@ -15,7 +15,7 @@
      ref="scrollbar"
      id="home"
      class="chat-list"
      style="width: 90%; overflow: auto; height: 70vh; margin: 0px auto"
      style="width: 90%; overflow: auto; height: 70vh; margin: 0px auto;"
    >
      <div class="chat-item" v-for="sessionDetail in sessionDetailList">
        <a-comment
@@ -23,7 +23,7 @@
          avatar="https://p1-arco.byteimg.com/tos-cn-i-uwbnlip3yd/3ee5f13fb09879ecb5185e440cef6eb9.png~tplv-uwbnlip3yd-webp.webp"
        >
          <template #content>
            <div :class="{ light: theme === 'light' }">{{
            <div :class="{ light: theme === 'light' }" style="background-color: var(--color-bg-2);color: var(--color-text-3);border: none;padding: 16px;">{{
                sessionDetail.content
              }}</div>
          </template>
@@ -35,7 +35,7 @@
          <template #content>
            <a-card
              class="chat-item-answer"
              style="background-color: rgba(63, 64, 79, 1)"
              style="background-color: var(--color-bg-2);color: var(--color-text-3);border: none"
            >
              <div :class="{ light: theme === 'light' }">{{
                  sessionDetail.content
@@ -53,7 +53,7 @@
              auto-size
              v-model="displayedText"
              class="chat-item-answer"
              style="background-color: rgba(63, 64, 79, 1)"
              style="background-color: var(--color-bg-2);color: var(--color-text-3);border: none"
            >
            </a-textarea>
          </template>
@@ -231,7 +231,9 @@
  width: 100%;
  display: flex;
}

//.light {
//  color: white !important;
//}
.bottom {
  width: 100%;
  position: absolute;
@@ -250,4 +252,14 @@
    line-height: 40px;
  }
}
.chat-list {
  width: 90%;
  margin: 0px auto;
  .chat-item {
    margin-top: 20px;
    .chat-item-answer {
      color: white;
    }
  }
}
</style>