1
李凌
2025-10-09 c17311ba1351cd5e64654c3fc7b2fe765b1e7382
src/views/customerService/index.vue
@@ -5,7 +5,7 @@
      <div class="px-3.5 py-5" :style="{ 'margin-top': navHeight + 'px' }" v-if="state == 0">
        <div class="white">{{ $t('OrdersWill') }} <span style="color: #1194F7">{{ msgTitle }}</span> {{
          $t('afterCancel')
          }}</div>
        }}</div>
        <div class="mt-3">
          <span class="mr-1" style="color: #8A919E">{{ $t('lumpSum') }}</span>
          <span class="white">{{ payInfo.currency }} {{ payInfo.amount }}</span>
@@ -22,14 +22,14 @@
          {{ $t('historyMessage') }}
        </div>
        <ul class="flex flex-col pt-3">
          <li v-for="(item, index) in list" :key="item.id" class="flex flex-col my-3">
          <li v-for="(item) in list" :key="item.id" class="flex flex-col my-3">
            <!-- <p class="font-13 text-center py-2 text-grey font-15" v-if="showTime(index)">{{
              item.createtime &&
              item.createtime.split(' ')[0]
            }}</p> -->
            <p class="font-13 text-center pb-3 text-grey font-15">{{
              item.createtime
              }}</p>
            }}</p>
            <div class="flex" :class="item.send_receive === 'send' ? 'justify-end' : ''">
              <template v-if="item.send_receive === 'receive'">
                <img src="@/assets/image/service/responser.png" class="w-10 h-10 mr-5" />
@@ -257,7 +257,7 @@
  clearIntervalTimer()
})
onBeforeUnmount(() => {
  let lastTimerId = setInterval(() => {}, 1000);
  let lastTimerId = setInterval(() => { }, 1000);
  for (let i = 1; i <= lastTimerId; i++) {
    clearInterval(i);
  }
@@ -299,10 +299,13 @@
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid $input_background;
    position: absolute;
    left: -10px;
    top: 10px;
    @include themify() {
      border-right: 10px solid themed("input_background");
    }
  }
}
@@ -319,12 +322,15 @@
}
.chatBg {
  background: $input_background;
  height: 36px;
  padding: 8px 18px;
  border-radius: 18px;
  color: $text_color;
  font-size: 14px;
  @include themify() {
    background: themed("input_background") !important;
    color: themed("text_color") !important;
  }
}
.right-chatBg {
@@ -346,6 +352,8 @@
}
.left-chatBg {
  background: $input_background;
  @include themify() {
    background: themed("input_background");
  }
}
</style>