<template>
  <div class="w-100%">
    <!--轮播图-->
    <banner-index></banner-index>
    <!--秒杀-->
    <!-- <seckill-index></seckill-index> -->
    <!--品牌好店-->
    <!-- <merchant-index :goodStoreImage="pcHomeCon?.goodStoreImage"></merchant-index> -->
    <!--推荐商品-->
    <!-- <recommended-index></recommended-index> -->
    <!--猜你喜欢-->
    <!-- <recommend></recommend> -->
  </div>
</template>

<script lang="ts" setup>

import SwiperIndex from "~/components/swiperIndex.vue";
import MerchantIndex from "~/pages/homeIndex/merchantIndex.vue";
import {pcHomeConfigApi} from "~/server/homeApi";
import RecommendedIndex from "~/pages/homeIndex/recommendedIndex.vue";
import BannerIndex from "~/pages/homeIndex/bannerIndex.vue";
import SeckillIndex from "~/pages/homeIndex/seckillIndex.vue";

useHead({
  title: '花机宝  鲜花蛋糕行业高效运营管理系统',
  meta: [
    {
      name: 'description',
      content:
        '花机宝商城系统',
    },
    {
      name: 'keywords',
      content:
        '花机宝商城系统',
    },
  ],
  bodyAttrs: {
    class: 'test',
  },
})

//首页配置
const { data: pcHomeCon } = useAsyncData(() => pcHomeConfigApi())

let mySwiper = null;

/** 自定义按钮 */
function toPrev(){
  mySwiper.slidePrev();
}

function toNext(){
  mySwiper.slideNext();
}

</script>

<style>
html {
  background: #F5F5F5 !important;
}
</style>

<style lang="scss" scoped>
.swiper{
  --swiper-theme-color: #ff6600;
  --swiper-pagination-color: #fff;/* 两种都可以 */
  --swiper-pagination-bottom: 10px;
  --swiper-navigation-size:0;
}
</style>
