|
@ -6,7 +6,7 @@ |
|
|
|
|
|
|
|
|
<swiper class="top-banner" :circular="true" :interval="6000" :current="current" @change="swiperChange" |
|
|
<swiper class="top-banner" :circular="true" :interval="6000" :current="current" @change="swiperChange" |
|
|
:duration="800" :indicator-dots="false" :autoplay="true" v-if="topBanner"> |
|
|
:duration="800" :indicator-dots="false" :autoplay="true" v-if="topBanner"> |
|
|
<swiper-item v-for="(item, index) in topBanner" :key="index" @click.stop="gotoUrlNew(item)"> |
|
|
<swiper-item v-for="(item, index) in topBanner" :key="index" @click.stop="gotoUrlNew(item,index)"> |
|
|
<image class="top-banner" :src="showImg(item.head_img)" mode="aspectFill"></image> |
|
|
<image class="top-banner" :src="showImg(item.head_img)" mode="aspectFill"></image> |
|
|
</swiper-item> |
|
|
</swiper-item> |
|
|
</swiper> |
|
|
</swiper> |
|
@ -26,19 +26,19 @@ |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/horns.png" mode=""></image> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/horns.png" mode=""></image> |
|
|
<view class="notice-text text-overflow">{{notice}}</view> |
|
|
<view class="notice-text text-overflow">{{notice}}</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="notice-more" @click="gotoPath('/subPackages/notice/noticeList')"> |
|
|
<view class="notice-more" @click="gotoPathMd({path: '/subPackages/notice/noticeList', text: '首页资讯'}, '1')"> |
|
|
更多 |
|
|
更多 |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="notice-bottom flex-between" v-if="Object.keys(homeUi).length > 0"> |
|
|
<view class="notice-bottom flex-between" v-if="Object.keys(homeUi).length > 0"> |
|
|
<view :style="{backgroundImage: 'url('+showImg(homeUi['mpyd'])+')'}" @click="gotoPath('/subPackages/ticketBooking/ticketBooking')"> |
|
|
<view :style="{backgroundImage: 'url('+showImg(homeUi['mpyd'])+')'}" @click="gotoPathMd({path: '/subPackages/ticketBooking/ticketBooking', text: '门票预订'}, '1')"> |
|
|
<view class="title">门票预订</view> |
|
|
<view class="title">门票预订</view> |
|
|
<view class="subtitle">便民快捷购票入口</view> |
|
|
<view class="subtitle">便民快捷购票入口</view> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcons1.png" mode=""></image> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcons1.png" mode=""></image> |
|
|
</view> |
|
|
</view> |
|
|
<view :style="{backgroundImage: 'url('+showImg(homeUi['dtdl'])+')'}" @click="gotoMap"> |
|
|
<view :style="{backgroundImage: 'url('+showImg(homeUi['dtdl'])+')'}" @click="gotoMap();qdTracker('navButtonClick', {buttonName: '导览', buttonSort: '1'})"> |
|
|
<view class="title">地图导览</view> |
|
|
<view class="title">地图导览</view> |
|
|
<view class="subtitle">随时随地发现新旅程</view> |
|
|
<view class="subtitle">随时随地发现新旅程</view> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcons.png" mode=""></image> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcons.png" mode=""></image> |
|
@ -48,7 +48,7 @@ |
|
|
|
|
|
|
|
|
<!-- 金刚区 --> |
|
|
<!-- 金刚区 --> |
|
|
<view class="nav-box" v-if="Object.keys(homeUi).length > 0"> |
|
|
<view class="nav-box" v-if="Object.keys(homeUi).length > 0"> |
|
|
<view class="nav-item" v-for="(item,index) in navList" :key="index" @click="gotoPath(item.path)"> |
|
|
<view class="nav-item" v-for="(item,index) in navList" :key="index" @click="gotoPathMd(item, index)"> |
|
|
<image :src="showImg(homeUi[item.img])" mode="" class="nav-img"></image> |
|
|
<image :src="showImg(homeUi[item.img])" mode="" class="nav-img"></image> |
|
|
<view>{{item.text}}</view> |
|
|
<view>{{item.text}}</view> |
|
|
</view> |
|
|
</view> |
|
@ -58,7 +58,7 @@ |
|
|
<view v-if="scenicList && scenicList.length > 0"> |
|
|
<view v-if="scenicList && scenicList.length > 0"> |
|
|
<view class="title-box flex-between"> |
|
|
<view class="title-box flex-between"> |
|
|
景点展览 |
|
|
景点展览 |
|
|
<view @click="gotoPath('/subPackages/leyou/index')">更多<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image></view> |
|
|
<view @click="gotoPath('/subPackages/leyou/index');qdTracker('homepageAttractionClick', {buttonName: '景点展览', buttonSort: '1'})">更多<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="scenic-box"> |
|
|
<view class="scenic-box"> |
|
|
<view v-for="(item,index) in scenicList" :key="index" @click="gotoScenic(item)"> |
|
|
<view v-for="(item,index) in scenicList" :key="index" @click="gotoScenic(item)"> |
|
@ -72,7 +72,7 @@ |
|
|
<view v-if="eventsList && eventsList.length > 0"> |
|
|
<view v-if="eventsList && eventsList.length > 0"> |
|
|
<view class="title-box flex-between"> |
|
|
<view class="title-box flex-between"> |
|
|
精彩推荐 |
|
|
精彩推荐 |
|
|
<view @click="gotoPath('/subPackages/eventCalendar/eventCalendar')">更多<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image></view> |
|
|
<view @click="gotoPath('/subPackages/eventCalendar/eventCalendar');qdTracker('homepageRecommendClick', {buttonName: '精彩推荐', buttonSort: '1'})">更多<image src="https://static.ticket.sz-trip.com/tongli/images/index/rightIcon.png" mode=""></image></view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="line-box"> |
|
|
<view class="line-box"> |
|
|
<view v-for="(item,index) in eventsList" :key="index" class="line-item" @click="goLineDetail(item)"> |
|
|
<view v-for="(item,index) in eventsList" :key="index" class="line-item" @click="goLineDetail(item)"> |
|
@ -121,11 +121,11 @@ |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<view class="strategy-more" @click="strategyMore" v-show="showMore">查看更多</view> |
|
|
<view class="strategy-more" @click="strategyMore();qdTracker('homepageNewsClick', {buttonName: '同里新鲜事', buttonSort: '1'})" v-show="showMore">查看更多</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 领券中心 --> |
|
|
<!-- 领券中心 --> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/getCoupons.png" @click="gotoPath('/subPackages/user/getCoupon')" class="couponImg"></image> |
|
|
<image src="https://static.ticket.sz-trip.com/tongli/images/index/getCoupons.png" @click="gotoPathMd({path: '/subPackages/user/getCoupon', text: '领券中心'}, '1')" class="couponImg"></image> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
@ -206,7 +206,16 @@ |
|
|
this.getArticleByType() |
|
|
this.getArticleByType() |
|
|
this.getLatest() |
|
|
this.getLatest() |
|
|
}, |
|
|
}, |
|
|
|
|
|
// 导航栏点击事件 |
|
|
|
|
|
onTabItemTap() { |
|
|
|
|
|
this.qdTracker('navButtonClick', {buttonName: '首页', buttonSort: '1'}) |
|
|
|
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
// 金刚区跳转 功能埋点 |
|
|
|
|
|
gotoPathMd(item,index) { |
|
|
|
|
|
this.qdTracker('homepageMainButtonClick', {buttonName: item.text, buttonSort: index}) |
|
|
|
|
|
this.gotoPath(item.path) |
|
|
|
|
|
}, |
|
|
// 去地图导览 |
|
|
// 去地图导览 |
|
|
gotoMap() { |
|
|
gotoMap() { |
|
|
// 必须登录 |
|
|
// 必须登录 |
|
@ -246,7 +255,8 @@ |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
// 2是各种详情页,3是列表专题页面,4是小程序 |
|
|
// 2是各种详情页,3是列表专题页面,4是小程序 |
|
|
gotoUrlNew(item) { |
|
|
gotoUrlNew(item, index) { |
|
|
|
|
|
this.qdTracker('homepageBannerClick', {buttonName: '首页banner点击', buttonSort: index}) |
|
|
let url = ''; |
|
|
let url = ''; |
|
|
switch (item.jump_type) { |
|
|
switch (item.jump_type) { |
|
|
case 0: |
|
|
case 0: |
|
|