You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
73 lines
1.6 KiB
73 lines
1.6 KiB
<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>
|
|
|