shop-pc/pages/index/index.vue

<!--
 * @Author: ch
 * @Date: 2022-05-03 22:14:16
 * @LastEditors: ch
 * @LastEditTime: 2022-05-04 22:21:04
 * @Description: file content
-->
<template>
  <div class="home">
    <Banner />
    <div class="home-wrap">
      <Seckil
        v-if="seckillData.activityTimeVO"
        :data="seckillData"
        :current="currentTime"
        @refresh="handleSeckillRefresh"
      />
    </div>
  </div>
</template>

<script>
import { ApiGetHomeSeckill, ApiGetCurrentTime } from "@/plugins/api/seckill";
import Banner from "./module/Banner.vue";
import Seckil from "./module/Seckill.vue";
export default {
  components: { Banner, Seckil },
  async asyncData() {
    // 获取秒杀数据
    const { result: seckillData } = await ApiGetHomeSeckill();
    // 获取服务器当前时间
    const { result: currentTime } = await ApiGetCurrentTime();
    return {
      currentTime,
      seckillData,
    };
  },
  methods: {
    // 刷新秒杀活动状态
    async handleSeckillRefresh() {
      const { result: seckillData } = await ApiGetHomeSeckill();
      const { result: currentTime } = await ApiGetCurrentTime();
      this.seckillData = seckillData;
      this.currentTime = currentTime;
    },
  },
};
</script>
<style lang="scss" scoped>
.home {
  background: #f8f8f8;
  .home-wrap {
    @include layout-box;
    padding: 30px 0 30px 0;
  }
}
</style>