|
|
@@ -6,7 +6,7 @@
|
|
|
<view class="container-home tui-skeleton">
|
|
|
<view class="swiper-banner-box" >
|
|
|
<swiper class="tui-banner-swiper tui-banner tui-skeleton-fillet" :autoplay="true" :interval="5000" :duration="500" @change="swiperChange" :circular="true">
|
|
|
- <swiper-item v-for="(item,index) in bannerImageList" :key="index">
|
|
|
+ <swiper-item v-for="(item,index) in bannerImageList" :key="index" @click.stop="handleBannerActivity(item,index)">
|
|
|
<image :src="item" class="tui-slide-image" mode="scaleToFill"/>
|
|
|
</swiper-item>
|
|
|
</swiper>
|
|
|
@@ -119,6 +119,8 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+ <!-- 活动弹窗 -->
|
|
|
+ <activityAlert :show="isActivity" @click="handleClick" @cancel="handleCancelClick"></activityAlert>
|
|
|
<!-- 透明模态层 -->
|
|
|
<modal-layer v-if='modallayer'></modal-layer>
|
|
|
</view>
|
|
|
@@ -129,6 +131,7 @@
|
|
|
import authorize from '@/common/config/authorize.js'
|
|
|
import modalLayer from "@/components/modal-layer"
|
|
|
import cmCustom from '@/components/cm-module/home/cm-custom.vue'
|
|
|
+ import activityAlert from '@/components/cm-module/activity/activity_on_1.vue'
|
|
|
import uniStars from '@/components/uni-stars/uni-stars.vue'
|
|
|
import { userInfoLogin, queryHomeInfo } from "@/api/use.js"
|
|
|
import { queryPreferred } from "@/api/product.js"
|
|
|
@@ -139,6 +142,7 @@
|
|
|
modalLayer,
|
|
|
cmCustom,
|
|
|
uniStars,
|
|
|
+ activityAlert
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
@@ -237,6 +241,20 @@
|
|
|
});
|
|
|
});
|
|
|
},
|
|
|
+ handleBannerActivity(item,index){
|
|
|
+ switch(index){
|
|
|
+ case 0:
|
|
|
+ this.$api.navigateTo(`/h5/pages/activity/activity_mid`)
|
|
|
+ break;
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleClick(data){
|
|
|
+ this.$api.navigateTo(`/h5/pages/activity/activity_mid`)
|
|
|
+ this.$store.commit('setActivity',data)
|
|
|
+ },
|
|
|
+ handleCancelClick(data){
|
|
|
+ this.$store.commit('setActivity',data)
|
|
|
+ },
|
|
|
//分类导航跳转
|
|
|
navToListPage(nav){
|
|
|
let self = this;
|
