1

李凌

2025-10-09 c17311ba1351cd5e64654c3fc7b2fe765b1e7382

 src/views/chat/index.vue

@@ -15,18 +15,19 @@
      <div class="pt-30 px-32 pb-32 tabBackground">
        <template v-if="detail.direction == 'buy'">
          <template v-if="detail.state == 0">
            <div class="font-40 c2cColor" v-if="time > 0">{{ $t('订单将在倒计时结束时取消。') }}&nbsp;<span class="text-blue">{{ time }}</span></div>
            <div class="font-40 c2cColor" v-if="time > 0">{{ $t('订单将在倒计时结束时取消。') }}&nbsp;<span class="text-blue">{{ time
                }}</span></div>

            <div class="font-40 c2cColor" v-else>{{ $t('您的订单已超时') }}</div>
            <van-count-down class="flex font-700 mx-10" :time="time">
          <template #default="timeData">
            <span class="block">{{ timeData.hours }}</span>
            <span class="colon">:</span>
            <span class="block">{{ timeData.minutes }}</span>
            <span class="colon">:</span>
            <span class="block">{{ timeData.seconds }}</span>
          </template>
        </van-count-down>
              <template #default="timeData">
                <span class="block">{{ timeData.hours }}</span>
                <span class="colon">:</span>
                <span class="block">{{ timeData.minutes }}</span>
                <span class="colon">:</span>
                <span class="block">{{ timeData.seconds }}</span>
              </template>
            </van-count-down>
            <!-- <span class="block" v-if="time.hours">{{
              time.hours
            }}</span>
@@ -270,7 +271,7 @@
          }, 2000)
        }
      })
      

    },
    onMore() { // 加载更多
      this.fetchList(this.lastMsgId)
@@ -297,7 +298,7 @@
        this.fetchList()
        setTimeout(() => {
          this.bottomScrollClick()
        },1000)
        }, 1000)
        // setTimeout(() => {
        //   window.scrollTo(0, document.documentElement.scrollHeight)
        // }, 1000)
@@ -331,6 +332,7 @@

<style lang="scss" scoped>
@import "@/assets/css/copy2.scss";

.bg-left {
  background: #fff !important;
}
@@ -354,7 +356,8 @@
    outline: none;
  }
}
.chat-page{

.chat-page {
  overflow: auto;
}

@@ -363,7 +366,10 @@
  top: 50%;
  transform: translateY(-50%);
}
.bottom-box{
  background: $main_background !important;

.bottom-box {
  @include themify() {
    background: themed("main_background");
  }
}
</style>