版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_38747509/article/details/82663705
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title></title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,minimum-scale=1,user-scalable=no">
<script src="dest/js/flexible.min.js"></script>
<link href="dest/css/swiper.min.css" rel="stylesheet">
<link href="dest/css/index.css" rel="stylesheet">
</head>
<body>
<div class="Container" id="app" v-cloak :style="{background:`${bodyBg}`}">
<!--活动未开始-->
<div class="noresBox" v-show="noResShow">
<div class="box">
<p class="fir"></p>
<p class="sec">活动尚未开始，敬请期待~</p>
<p class="thir" @click="goHome">确定</p>
</div>
</div>
<!--loding-->
<div class="loding" v-show="isLoading">
<div class="cover"></div>
<aside class="loading-wrapper">
<div>
<div class="loading-img"></div>
</div>
</aside>
</div>
<!-- 轮播图 -->
<div class="header">
<div class="swiper-container" v-show = "Object.keys(BannerList).length > 0">
<div class="swiper-wrapper" >
</div>
<div class="swiper-pagination" v-show="BannerModel"></div>
</div>
</div>
<!-- 导航栏 -->
<div class="navBarBox">
<ul class="navBar" id="navBar">
<!-- <a :href="'#'+ModuleList.OrderBy" v-for="(ModuleList,index) in ModuleList">
<li :OrderBy="ModuleList.OrderBy" v-show="Object.keys(ModuleList).length > 0" :style="currentIndex==ModuleList.OrderBy?`background:${NavColor};color:#ffffff`:''" >{{ModuleList.ModuleShowName}}</li>
</a> -->
<li v-for="(ModuleList,index) in ModuleList" :OrderBy="ModuleList.OrderBy" @click="choose2(ModuleList.OrderBy)" v-show="Object.keys(ModuleList).length > 0" :style="currentIndex==ModuleList.OrderBy?`background:${NavColor};color:#ffffff`:''" >{{ModuleList.ModuleShowName}}</li>
</ul>
</div>
<!-- 排序主体 -->
<div id="orderByContent">
<!-- 卡券 -->
<ul class="cardBox orderBy" :id="CouponOrder">
<li v-for="(CouponList,index) in CouponList" v-show="Object.keys(CouponList).length > 0" >
<!-- :style="{color:`${CouponList.BlackgroundColor}`} " -->
<div class="valBox">
<p class="cardVal">
{{CouponList.CouponAmount}}
<span class="rmb" v-show="CouponList.CouponAmount.indexOf('折')==-1">¥</span>
</p>
</div>
<p class="cardCondition">{{CouponList.CopyWriting}}</p>
<p class="cardBtn" @click="code(CouponList.CouponCode,CouponList.Id)" :gt=`app_huodong_quan${index+1}`>立即领取</p>
<!-- :style="{background:`${CouponList.BlackgroundColor}`}" -->
</li>
</ul>
<!--视频-->
<div v-show="VideoModel" :id="VideoOrder" class="orderBy">
<div class="commonBox vedioBox">
<ul class="titleBox">
<li class="title">{{VideoList.Title}}</li>
</ul>
<iframe class="vedio" frameborder="0" width="100%" allowfullscreen :src="VideoList.AppVideoUrl" v-show = "VideoList.AppVideoUrl" gt="app_huodong_shipin1"></iframe>
<p class="vedioTitle">{{VideoList.SubTitle}}</p>
<pre class="describe vedioDecr">{{VideoList.Describe}}</pre>
<a class="lookDetaileBtn" v-bind:href="VideoList.AppButUrl" :style="VideoList.ButtonColor ? {background:`${VideoList.ButtonColor}`} : ''" gt="app_huodong_shipin2" v-show="VideoList.ButtonName">{{VideoList.ButtonName}}</a>
</div>
</div>
<!--机票-->
<div :id="TicketOrderBy" class="orderBy">
<div class="commonBox ticketBox" v-for="(ticket,index) in TicketList" v-show="Object.keys(TicketList).length > 0">
<ul class="titleBox">
<li class="title">{{ticket.TicketInfo.Title}}</li>
<li class="moreIcon" v-show="ticket.TicketInfo.ButtonName"><a v-bind:href="ticket.TicketInfo.AppButtonLink" gt="app_huodong_JPgengduo"></a></li>
<li class="lookMore" v-show="ticket.TicketInfo.ButtonName">
<a v-bind:href="ticket.TicketInfo.AppButtonLink" gt="app_huodong_JPgengduo">{{ticket.TicketInfo.ButtonName}}</a>
</li>
</ul>
<p class="describe">{{ticket.TicketInfo.Describe}}</p>
<a class="descImg" gt="app_huodong_jipiao" :href="ticket.TicketInfo.AppPicLink" :style="ticket.TicketInfo.AppPic ? {backgroundImage:`url(${ticket.TicketInfo.AppPic})`} : ''" v-show ="ticket.TicketInfo.AppPic"></a>
<div v-for="(typeList,index) in ticket.TickeTypeList" v-show="Object.keys(ticket.TickeTypeList).length > 0">
<div class="comImg backIcon" v-show="typeList.TicketComeBackType" :style="{background:`${typeList.TicketComeBackType?typeList.TicketComeBackType.TicketTypeColor:''}`}">{{typeList.TicketComeBackType?typeList.TicketComeBackType.Title:''}}<span class="sanjiao" ></span>
</div>
<!--往返-->
<a class="commonTicketBox backTicketBox" :href="comeBack.AppLink" :gt=`app_huodong_piao${index+1}-${indexOther+1}` v-show="Object.keys(typeList.TicketComeBackList).length > 0" v-for="(comeBack,indexOther) in typeList.TicketComeBackList" :style="{background:`${typeList.TicketComeBackType.TicketColor}`}">
<div class="comTiBoxLeft">
<dl class="startEnd">
<dt>{{comeBack.DepartCity}}</dt>
<dt class="backRoot"></dt>
<dt>{{comeBack.ArriveCity}}</dt>
</dl>
<p class="startEndTime">
<span >{{ticketTime(comeBack.DepartDate)}}</span>
-
<span>{{ticketTime(comeBack.BackDate)}}</span>
</p>
</div>
<div class="comTiBoxRig">
<div class="priceBox">
<p class="price">{{priceFile(comeBack.Price)}}</p>
<p class="rmbIcon">￥</p>
</div>
<p class="priceTip">起</p>
</div>
</a>
<!-- 单程 -->
<div class="comImg" v-show="typeList.TicketOneWayType" :style="{background:`${typeList.TicketOneWayType?typeList.TicketOneWayType.TicketTypeColor:''}`}">{{typeList.TicketOneWayType?typeList.TicketOneWayType.Title:''}}<span class="sanjiao"></span></div>
<a class="commonTicketBox danTicketBox" :href="oneWay.AppLink" :gt=`app_huodong_piao${index+2}-${indexOthers+1}` v-show = "Object.keys(typeList.TicketOneWayList).length > 0" v-for="(oneWay,indexOthers) in typeList.TicketOneWayList" :style="{background:`${typeList.TicketOneWayType.TicketColor}`}">
<div class="comTiBoxLeft">
<dl class="startEnd">
<dt>{{oneWay.DepartCity}}</dt>
<dt class="danRoot"></dt>
<dt>{{oneWay.ArriveCity}}</dt>
</dl>
<p class="startEndTime">
<span>{{ticketTime(oneWay.DepartDate)}}</span>
</p>
</div>
<div class="comTiBoxRig">
<div class="priceBox">
<p class="price">{{priceFile(oneWay.Price)}}</p>
<p class="rmbIcon">￥</p>
</div>
<p class="priceTip">起</p>
</div>
</a>
</div>
</div>
</div>
<!--酒店-->
<div :id="HotelOrderBy" class="orderBy">
<div class="commonBox hotelBox" v-for="(hotel,index) in HotelList" v-show="Object.keys(HotelList).length > 0" >
<ul class="titleBox">
<li class="title">{{hotel.HotelInfo.Title}}</li>
<li class="moreIcon" v-show="hotel.HotelInfo.ButtonName"><a v-bind:href="hotel.HotelInfo.AppButtonLink" gt="app_huodong_JDgengduo"></a></li>
<li class="lookMore" v-show="hotel.HotelInfo.ButtonName">
<a v-bind:href="hotel.HotelInfo.AppButtonLink" gt="app_huodong_JDgengduo">{{hotel.HotelInfo.ButtonName}}</a>
</li>
</ul>
<p class="describe">{{hotel.HotelInfo.Describe}}</p>
<a class="descImg" :gt=`app_huodong_jiudian1` :href="hotel.HotelInfo.AppPicLink" :style="hotel.HotelInfo.AppPic ? {backgroundImage:`url(${hotel.HotelInfo.AppPic})`} : ''" v-show ="hotel.HotelInfo.AppPic"></a>
<div class="hotelItemBox">
<div class="item hotBox" v-for="(hotelDetail,index) in hotel.HotelDetailList" v-show="Object.keys(hotel.HotelDetailList).length > 0">
<a class="itemTop" :href="hotelDetail.AppPicLink" :gt=`app_huodong_jiudian${index+2}` :style="{backgroundImage:`url(${hotelDetail.AppPic})`}">
<div class="reviewBox">
<img v-bind:src="hotelScore(hotelDetail.Score)" class="pic">
<!-- v-bind:src="hotelDetail.Score.indexOf('.5')==-1?'https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/'+hotelDetail.Score+'.0-39958-4.png':'https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/'+hotelDetail.Score+'-39958-4.png'" -->
<p class="reviewSize">
<span>{{hotelDetail.Score}}</span>/5
</p>
<p class="reviewTip">
<span>{{intW(hotelDetail.CommentCount)}}</span>条点评
</p>
</div>
</a>
<div class="itemBottom hotBotBox">
<p class="chName hotelChname overOne ">{{hotelDetail.HotelName}}</p>
<p class="enName overOne">{{hotelDetail.HotelEnName}}</p>
<div :class = "hotelDetail.Title ? 'itemDesc' : 'noItem'">
<p class="star"></p>
<p class="descTip overOne">{{hotelDetail.Title}}</p>
</div>
<div :class = "hotelDetail.SubTitle ? 'itemDesc' : 'noItem'">
<p class="star"></p>
<p class="descTip overOne">{{hotelDetail.SubTitle}}</p>
</div>
<div class="itemPriceBox bottomTop">
<div class="itemPriceLeft">
<div class="priceDescBox">
<p class="price">{{priceFile(hotelDetail.Price)}}</p>
<p class="rmbIcon">￥</p>
</div>
<p class="priceDescTip">起</p>
</div>
<div class="itemPriceRight">
<span class="redWord">{{intW(hotelDetail.SaleCount)}}</span>人已入住
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--度假-->
<div :id="TourOrderBy" class="orderBy">
<div class="commonBox holidayBox" v-for="(tour,index) in TourList" v-show="Object.keys(TourList).length > 0" >
<ul class="titleBox">
<li class="title">{{tour.TourInfo.Title}}</li>
<li class="moreIcon" v-show="tour.TourInfo.ButtonName"><a v-bind:href="tour.TourInfo.AppButtonLink" gt='app_huodong_LYgengduo'></a></li>
<li class="lookMore" v-show="tour.TourInfo.ButtonName">
<a v-bind:href="tour.TourInfo.AppButtonLink" gt='app_huodong_LYgengduo'>{{tour.TourInfo.ButtonName}}</a>
</li>
</ul>
<p class="describe">{{tour.TourInfo.Describe}}</p>
<a class="descImg" :gt=`app_huodong_lvyou1` :href="tour.TourInfo.AppPicUrl" :style="tour.TourInfo.AppPic ? {backgroundImage:`url(${tour.TourInfo.AppPic})`} : ''" v-show ="tour.TourInfo.AppPic"></a>
<div class="holidayItemBox">
<div class="item" v-for="(tourDetail,index) in tour.TourDetailList" v-show="Object.keys(tour.TourDetailList).length > 0">
<a class="itemTop" :gt=`app_huodong_lvyou${index+2}` :href="tourDetail.AppPicLink" :style="tourDetail.AppPic ? {backgroundImage:`url(${tourDetail.AppPic})`} : ''">
</a>
<div class="itemBottom tourBoot">
<p class="chName overTwo">{{tourDetail.Title}}</p>
<div :class = "tourDetail.SubTitle ? 'itemDesc' : 'noItem'" >
<p class="star"></p>
<p class="descTip overOne">{{tourDetail.SubTitle}}</p>
</div>
<div :class = "tourDetail.Tag ? 'discount' : 'nocount'">{{tourDetail.Tag}}</div>
<div class="itemPriceBox">
<div class="itemPriceLeft">
<div class="priceDescBox">
<p class="price">{{tourDetail.Price}}</p>
<p class="rmbIcon">￥</p>
</div>
<p class="priceDescTip">起</p>
</div>
<div class="itemPriceRight">
<span class="redWord">{{tourDetail.TurnoverCount}}</span>人出行
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--积分商城-->
<div :id="MallOrderBy" class="orderBy">
<div class="commonBox shopMallBox" v-for="(mall,index) in MallList" v-show="Object.keys(MallList).length > 0">
<ul class="titleBox">
<li class="title">{{mall.MallInfo.Title}}</li>
<li class="moreIcon" v-show="mall.MallInfo.ButtonName"><a v-bind:href="mall.MallInfo.AppButtonLink" gt="app_huodong_SCgengduo"></a></li>
<li class="lookMore" v-show="mall.MallInfo.ButtonName">
<a v-bind:href="mall.MallInfo.AppButtonLink" gt="app_huodong_SCgengduo">{{mall.MallInfo.ButtonName}}</a>
</li>
</ul>
<p class="describe">{{mall.MallInfo.Describe}}</p>
<a class="descImg" :gt=`app_huodong_shangcheng1` :href="mall.MallInfo.AppPicLink" :style="{backgroundImage:`url(${mall.MallInfo.AppPic})`}" v-show ="mall.MallInfo.AppPic"></a>
<div class="shopItemBox">
<div class="item" v-for="(mallDetail,index) in mall.MallDetailList" v-show="Object.keys(mall.MallDetailList).length > 0">
<a class="mallItemTop" :href="mallDetail.AppPicLink" :gt=`app_huodong_shangcheng${index+2}`>
<img v-bind:src="mallDetail.AppPic" />
<div class="itemIcon" :style="mallDetail.TagColor ? { borderColor:`transparent transparent transparent ${mallDetail.TagColor}`} : ''" v-show="mallDetail.Tag">
<span class="discountTip" >{{mallDetail.Tag}}</span>
</div>
</a>
<div class="mallItemBottom">
<p class="goodsName overTwo">{{mallDetail.Title}}</p>
<div class="itemPriceBox">
<div class="itemPriceLeft">
<div class="priceDescBox">
<p class="price">{{mallDetail.Price}}</p>
<p class="rmbIcon">￥</p>
</div>
<p class="priceDescTip">起</p>
</div>
<div class="cart">
</div>
</div>
<div class="goodsDescBox">
<p class="goodsDescLeft">{{mallDetail.SubTitle}}</p>
<p class="goodsDescRight">销量
<span class="redWord">{{mallDetail.SaleCount}}</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 广告精彩活动 -->
<div :id="AdvOrderBy" class="orderBy">
<div class="commonBox wonderfulAct" v-for="(adv,index) in AdvList" v-show="Object.keys(AdvList).length > 0">
<p class="title">{{adv.AdvInfo.Title}}</p>
<a :gt=`app_huodong_guanggao${index+1}` :class="Object.keys(adv.AdvDetailList).length == 2 ? 'twoEven':'actImgBox'" v-for="(detail,index) in adv.AdvDetailList" :href="detail.AppLink" v-show="Object.keys(adv.AdvDetailList).length > 0">
<img :src="detail.AppPic" />
</a>
</div>
</div>
</div>
<!-- 回到顶部、分享 -->
<aside class="back-to-top" id="backTop" v-show="backTopShow">
<span></span>
</aside>
<a class="pendant dn" id="pendant" href="" style="z-index: 10;"></a>
<div class="fenxiang" @click="appShareConf()" >
<span class="imgIcoFx"></span>
</div>
</div>
</body>
<script type="text/javascript" src="dest/js/lib/vue.js"></script>
<script type="text/javascript" src="dest/js/lib/axios.min.js"></script>
<script src="//ceair-resource.oss-cn-shanghai.aliyuncs.com/scripts/core/jquery-1.8.3.min.js"></script>
<script src="dest/js/swiper.jquery.min.js"></script>
<script src="dest/js/index.min.js"></script>
</html>import {
ga
} from 'ga';
let pm = '';
(function (w, d, s, l, i) {
switch (location.host) {
case 'eb.ceair.com':
pm = 'GTM-KCDMZ8';
break;
case 'ebapp.ceair.com':
pm = 'GTM-W5HZSZ';
break;
case 'shopping.ceair.com':
pm = 'GTM-NFKM96';
break;
case 'car.ceair.com':
pm = 'GTM-K5WFHGM';
break;
case 'selfservice.ceair.com':
pm = 'GTM-5ZLQ5DN';
break;
case 'hotels.ceair.com':
pm = 'GTM-TK6W7PP';
break;
case 'mobile.ceair.com':
pm = 'GTM-K2LSFTL';
break;
default:
pm = 'GTM-54J8VK';
}
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'//www.googletagmanager.com/gtm.js?id=' + pm + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer');
import 'layerApp';
import 'layerAppCss';
import baseApp from 'baseApp';
import {
wechatShare
} from 'wechatShare';
import Swiper from 'swiper'
var app = new baseApp();
var url = "";
var codeUrl = "";
if (window.location.href.indexOf("me.ceair.com") != -1) {
//url = "http://10.68.31.251:8095/api/LoadingPageApi/ReceiveCoupon";
url = "http://10.67.200.37:814/api/LoadingPageApi/GetLandingPage"
codeUrl = "http://10.68.31.251:8095/api/LoadingPageApi/ReceiveCoupon";
} else {
url = "/api/LoadingPageApi/GetLandingPage";
codeUrl = "/api/LoadingPageApi/ReceiveCoupon";
}
$(function () {
$("#backTop").click(function () {
backTop($(window).scrollTop(0));
});
function backTop(scrollTop, time = 600) {
const id = requestAnimationFrame(step);
function step() {
scrollTop -= Math.max(10, (scrollTop / (time / 60)))
if (scrollTop > 0) {
$(window).scrollTop(scrollTop)
requestAnimationFrame(step);
} else {
$(window).scrollTop(0)
}
}
}
var startY, moveEndY, Y;
$("#orderByContent").on("touchstart", function (e) {
startY = e.originalEvent.changedTouches[0].pageY;
});
$("#orderByContent").on("touchend", function (e) {
moveEndY = e.originalEvent.changedTouches[0].pageY,
Y = moveEndY - startY;
if (Y < 0) {
$(".navBar").css("overflow-x", "scroll");
} else if (Y > 0) {
$(".navBar").css("overflow-x", "scroll");
}
})
$("#orderByContent").on("touchmove", function (e) {
$(".navBar").css("overflow-x", "scroll");
})
});
$(window).scroll(function () {
if ($(window).scrollTop() >= 300) {
$(".navBarBox").addClass("fixed");
}
else {
$(".navBarBox").removeClass("fixed");
}
});
var vm = new Vue({
el: "#app",
data: {
//banner轮播图
BannerList: {},
//导航栏当前被选中的index
currentIndex: "",
//分享
LPModel: {},
//广告位
AdvList: {},
//导航栏
ModuleList: [],
//优惠券
CouponList: {},
//视频
VideoList: {},
//机票
TicketList: {},
//酒店
HotelList: {},
//旅游
TourList: {},
//商城
MallList: {},
//分享
LPModel: {},
//loading是否展示
isLoading: true,
//广告位是否启用
AdvModel: true,
//一个轮播图不展示 前一个 后一个 轮播的点
BannerModel: true,
//视频模块是否展示
VideoModel: true,
//酒店排序
HotelOrderBy: "",
//度假排序
TourOrderBy: "",
//机票排序
TicketOrderBy: "",
//商城排序
MallOrderBy: "",
//广告排序
AdvOrderBy: "",
//优惠券排序
CouponOrder: "",
//视频排序
VideoOrder: "",
//分享标题
ShareTitle: "",
//分享副标题
ShareSubTitle: "",
//分享图片
SharePic: "",
//导航栏颜色
NavColor: '',
//返回顶部是否显示
backTopShow: false,
//活动尚未开始
noResShow: false,
//活动id
actId: "",
//body背景色
bodyBg: "",
},
beforeMount() { },
mounted() {
this.shareIcon();
this.init();
setTimeout(() => { this.orderBy() }, 2000);
this.isLoading = false;
},
methods: {
//ajax请求接口初始化
init() {
var _this = this;
var data = new URLSearchParams();
data.append('Id', this.parseUrl(window.location.href).Id);
axios.post(url, data)
.then(function (response) {
_this.isLoading = false;
const data = response.data;
if (data && data.Code == 200 && data.Data) {
//返回顶部按钮是否显示
_this.backTopShow = true;
_this.noResShow = false;
//banner
if (data.Data.BannerList.BannerList.length > 0) {
let a = data.Data.BannerList.BannerList.map((item, index) => {
return ` <a class="swiper-slide" href="${item.AppLink}" :gt="app_huodong_banner${index}">
<img src="${item.AppPic}">
</a>
`
});
$('.swiper-wrapper').append(a.join(''));
_this.BannerList = data.Data.BannerList.BannerList || [];
//前一个 后一个 轮播点是否显示
_this.BannerList && _this.BannerList.length == 1 ? _this.BannerModel = false : _this.BannerModel;
if (data.Data.BannerList.BannerList.length > 1) {
var swiper = new Swiper('.swiper-container', {
direction: 'horizontal',
loop: true,
autoplay: 2000,
pagination: '.swiper-pagination',
paginationClickable: true,//分页器可点击
observer: true,
observeParents: true,
})
}
}
if (data.Data.ModuleList.length > 0) {
//导航栏
_this.ModuleList = data.Data.ModuleList || [];
_this.currentIndex = data.Data.ModuleList[0].OrderBy;
var ode = [];
for (let i = 0; i < _this.ModuleList.length; i++) {
ode.push(_this.ModuleList[i].OrderBy);
}
var i = "";
let $navBar = $("#navBar")
window.onscroll = (e) => {
if ($("body").hasClass("changing")) {
return;
}
for (let j = 0; j < ode.length; j++) {
setTimeout((j => {
var top = $(`#${ode[j]}`).offset().top + 550;
if (top >= $(window).scrollTop() && top < ($(window).scrollTop() + $(window).height())) {
i = j
_this.choose(ode[j]);
}
})(j), 0);
}
// window.addEventListener('touchend', function (e) {
// if (!$(e.target).parent().hasClass("navBar")) {
// $navBar.scrollLeft($navBar.find('li').eq(i).offset().left)
// }
// })
}
}
if (data.Data.CouponModel && data.Data.CouponModel.CouponList && data.Data.CouponModel.CouponList.length > 0) {
//优惠券
_this.CouponList = data.Data.CouponModel.CouponList || [];
//优惠券排序
_this.CouponOrder = data.Data.CouponModel.CouponModule.OrderBy;
}
if (data.Data.VideoList && data.Data.VideoList.VideoInfo && data.Data.VideoList.VideoModule) {
//视频
_this.VideoList = data.Data.VideoList.VideoInfo || {};
//视频排序
_this.VideoOrder = data.Data.VideoList.VideoModule.OrderBy;
//视频模块是否启用
data.Data.VideoList.VideoInfo == null ? _this.VideoModel = false : _this.VideoModel = true;
}
if (data.Data.TicketList && data.Data.TicketList.TicketList.length > 0) {
//机票
for (let b = 0; b < data.Data.TicketList.TicketList.length; b++) {
_this.TicketList = data.Data.TicketList.TicketList[b].TickeTypeList;
}
//机票排序
_this.TicketOrderBy = data.Data.TicketList.Module.OrderBy;
}
if (data.Data.HotelList && data.Data.HotelList.HotelList.length > 0) {
//酒店
for (let i = 0; i < data.Data.HotelList.HotelList.length; i++) {
_this.HotelList = data.Data.HotelList.HotelList[i].HotelList;
}
//酒店排序
_this.HotelOrderBy = data.Data.HotelList.Module.OrderBy;
}
if (data.Data.TourList && data.Data.TourList.TourList.length > 0) {
//旅游
for (let j = 0; j < data.Data.TourList.TourList.length; j++) {
_this.TourList = data.Data.TourList.TourList[j].TourList || [];
}
//旅游排序
_this.TourOrderBy = data.Data.TourList.Module.OrderBy;
}
if (data.Data.MallList && data.Data.MallList.MallList.length > 0) {
//商城
for (let x = 0; x < data.Data.MallList.MallList.length; x++) {
_this.MallList = data.Data.MallList.MallList[x].MallList || [];
}
//商城排序
_this.MallOrderBy = data.Data.MallList.Module.OrderBy;
}
if (data.Data.AdvList && data.Data.AdvList.AdvList.length > 0) {
for (var a = 0; a < data.Data.AdvList.AdvList.length; a++) {
_this.AdvList = data.Data.AdvList.AdvList[a].AdvList || [];
}
//广告位排序
_this.AdvOrderBy = data.Data.AdvList.Module.OrderBy;
}
if (data.Data.LPModel) {
//分享
_this.LPModel = data.Data.LPModel || {};
_this.ShareTitle = _this.LPModel.ShareTitle;
_this.ShareSubTitle = _this.LPModel.ShareSubTitle;
_this.SharePic = _this.LPModel.SharePic;
_this.actId = data.Data.LPModel.Id;
wechatShare.init({
title: _this.ShareTitle, // 主标题
desc: _this.ShareSubTitle, // 副标题
link: window.location.href + `?utm_source=h5_huodongmoban${_this.actId}`, // 分享当前链接
imgUrl: _this.SharePic, // 必须有协议头 http or https
type: "link"
});
_this.NavColor = data.Data.LPModel.NavColor;
_this.bodyBg = data.Data.LPModel.BalckgroundColor;
document.title = data.Data.LPModel.ActivityName;
}
}
if (data.Code == 201) {
_this.noResShow = true;
}
if (data.httpcode == 500 || data.HttpCode == 500) {
_this.noResShow = true;
}
}).finally((res) => {
_this.isLoading = false;
})
.catch(function (error) {
console.warn(error)
});
},
appShareConf() {
app.share({
shareTitle: this.ShareTitle, // 主标题
imgUrl: this.SharePic,
shareContent: this.ShareSubTitle, // 副标题
shareUrl: window.location.href
})
},
//导航栏点击事件滚动条滚动触发
choose(OrderBy) {
this.currentIndex = OrderBy;
this.countTabLeftPiositon();
},
//导航栏点击事件点击导航栏触发
choose2(OrderBy) {
this.currentIndex = OrderBy;
this.tab(OrderBy);
this.countTabLeftPiositon();
},
//矫正导航栏位置，每四个矫正一次
countTabLeftPiositon() {
if ($("#navBar").is(":animated")) {
return;
}
let findDom = `[orderby=${this.currentIndex}]`;
let $findDom = $("#navBar").find(findDom);
let scrollPosition = $(window).width();
if ($findDom.index() % 3 === 0) {
scrollPosition = $(window).width() * parseInt(($findDom.index() + 1) / 4);
$("#navBar").animate({
scrollLeft: scrollPosition
}, 100);
}
},
//tab切换时滚动到相对应模块
tab(i) {
$("body").addClass("changing");
$("html, body").animate({
scrollTop: $(`#${i}`).offset().top - 90
}, function () {
$("body").removeClass("changing");
});
return false;
},
//机票列表时间过滤
ticketTime(value) {
value = value.replace(/,/g, '').split("T")[0].replace(/\-/g, '.');
return value;
},
//分享图标是否展示
shareIcon() {
if (!app.isInApp()) {
$('.fenxiang').hide();
$('#pendant').addClass('pendantTop');
} else {
$('.fenxiang').show();
$('#pendant').removeClass('pendantTop');
}
},
//排序事件
orderBy() {
var orderArray = new Array();
var Dom = $(".orderBy");
let aDom = [{}, {}, {}, {}, {}, {}, {}, {}]
Dom.map((index, item) => {
let k = $(item).attr("id");
aDom[k] = item;
})
document.getElementById('orderByContent').innerHTML = "";
aDom.map((index, item) => {
$('#orderByContent').append(index);
})
},
//优惠券领取
code(CouponCode, Id) {
var _that = this;
_that.isLoading = true;
var data = new URLSearchParams();
data.append('PValue', this.parseUrl(window.location.href).p || '');
data.append('CouponCode', CouponCode);
data.append('Id', Id);
axios.post(codeUrl, data)
.then(function (response) {
_that.isLoading = false;
const data = response.data;
if (data.Data.Code == 200) {
layerApp.open({
content: data.Data.Message,
skin: 'msg'
, time: 3000
});
}
else if (data.Code == 299) {
_that.ifAPPLogin(data.Data.LoginRedirectUrl, data.Msg)
}
else {
if (data.Data.Message) {
layerApp.open({
content: data.Data.Message,
skin: 'msg'
, time: 3000
});
}
}
}).finally((res) => {
_that.isLoading = false;
})
.catch(function (error) {
console.warn(error)
});
},
//登录
ifAPPLogin(redirectUrl, Message, actId) {
var customer = this.ShowCus();
var url = window.location.href;
url = url.replace(/\&/g, '&');
switch (customer) {
case "wap":
layerApp.open({
content: Message,
btn: "确定",
yes: () => {
layerApp.closeAll();
window.location.href = `https://m.ceair.com/mobile/user/user!loginOtherPage.shtml?area=huodongmoban${this.actId}&channel=DSGS&redirectUrl=` + decodeURIComponent(redirectUrl);
}
});
break;
case "Android":
Login.clickOnLogin(url, this.ShareTitle, "mobile_login");
break;
case "IOS":
clickOnLogin(url, this.ShareTitle, "mobile_login");
break;
case "WP":
external.notify("clickOnLogin?" + url + "&" + this.ShareTitle + "&mobile_login");
break;
}
},
//判断客户端类型
ShowCus() {
var u = navigator.userAgent,
w = window.location.href,
t = this.parseUrl(w);
if (!app.isInApp()) {
return "wap";
}
if (u.match(/Android/i) != null) { //android设备
return "Android";
} else if (u.match(/iPhone|iPod/i) != null) { //IOS
return "IOS";
} else {
return "WP";
}
},
//取p值
parseUrl(url) {
var pattern = /(\w+)=([^\#&]*)/ig,
parames = {};
url = url || window.location.href;
url.replace(pattern, function (attr, key, value) {
parames[key] = decodeURI(value);
});
return parames;
},
//机票价格过滤.00
priceFile(value) {
value = value.replace(/,/g, '').split(".")[0];
return value;
},
//酒店评分猫头鹰显示
hotelScore(score) {
var arr = new Array();
var imgUrl = "";
if (score.indexOf(".") == -1) {
imgUrl = `https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/${score}.0-39958-4.png`
}
else if (score.indexOf(".") != -1) {
arr[0] = score.replace(/,/g, '').split(".")[0];
arr[1] = score.replace(/,/g, '').split(".")[1];
if (arr[1] > 0 && arr[1] < 9) {
imgUrl = `https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/${arr[0]}.5-39958-4.png`
}
else {
imgUrl = `https://www.tripadvisor.com/img/cdsi/img2/ratings/traveler/${arr[0]}.0-39958-4.png`
}
}
return imgUrl;
},
//价格保留2位小时
priceFix(price) {
if (price.indexOf(".") != -1) {
price = price.toFixed(2)
} else {
price = parseInt(price);
}
return price;
},
// 显示万
intW(x) {
x = x.replace(/,/g, '').split(".")[0];
if (x.length > 4) {
x = parseInt(x) / 10000;
x = parseInt(x) + "W+";
} else {
x = parseInt(x);
}
return x
},
//取整
int(w) {
return w = parseInt(w);
},
//跳转首页
goHome() {
var customer = this.ShowCus();
var url = window.location.href;
url = url.replace(/\&/g, '&');
switch (customer) {
case "wap":
window.location.href = "http://m.ceair.com";
break;
case "Android":
this.noResShow = false;
break;
case "IOS":
this.noResShow = false;
break;
case "WP":
this.noResShow = false;
break;
}
}
},
computed: {
},
filters: {
}
});* {
margin: 0px;
padding: 0px;
font-family:"PingFangSC-Light","Microsoft Yahei","Tahoma","Lucida Grande",Verdana,"STXihei,hei";
&, &:after, &:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
img {
border: none;
display: block;
width: 100%;
max-width: 100%;
}
html,body {
width: 100%;
overflow-x: hidden;
overflow-y: auto;
background: #ffffff;
}
a {
color: #000;
text-decoration: none;
outline: none;
&:hover {
text-decoration: none;
}
}
li {
list-style: none;
}
i{
font-style: normal;
font-family: simsun;
}
[v-cloak] {
display: none;
}
.Container {
width: 100%;
height: 100%;
}
//轮播图
.header {
position: relative;
overflow: hidden;
img {
width:100%;
height: 550px;
}
.swiper-container{
height: 550px;
}
}
//导航栏浮动
.fixed{
position: fixed;
top:0px;
left: 0;
box-shadow: 0 0 30px 0 rgba(0,0,0,0.40);
}
//导航栏
.navBarBox{
width: 750px;
display: block;
overflow-x: scroll;
background: #ffffff;
z-index: 100000;
.navBar{
width: auto;
margin-left: 25px;
margin-top: 40px;
margin-bottom: 40px;
overflow-x: scroll;
white-space:nowrap;
li{
display: inline-block;
height: 50px;
line-height: 50px;
padding-left: 35px;
padding-right: 35px;
margin-right: 12.5px;
border-radius: 10px;
background: #EEEEEE;
font-family:"PingFangSC-Regular";
font-size: 30px;
color: #333333;
text-align: center;
}
a:target{
//padding-top: 110px;
padding-bottom: 110px;
}
// a{
// position: relative;
// top: -110px; // 偏移值
// display: block;
// height: 0;
// overflow: hidden;
// }
}
}
//卡券
.cardBox{
width: 700px;
margin: 60px auto;
font-family: "PingFangSC-Light";
color: #FF9A16;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content:space-around;
flex-wrap: nowrap;
align-items:center;
vertical-align:middle;
text-align: center;
li{
width:250px;
display: inline-block;
text-align: center;
.valBox{
.cardVal{
font-size: 80px;
text-align: left;
position: relative;
width: 200px;
margin-left: 60px;
.rmb{
display: block;
position: absolute;
top: 20px;
left:-20px;
font-size: 30px;
width: 30px;
height: 30px;
}
}
}
.cardCondition{
font-size: 24px;
height:30px;
overflow: hidden;
}
.cardBtn{
height: 40px;
margin: 0px auto;
width: 160px;
background: #FF9A16;
border-radius: 40px;
color: #ffffff;
margin-top: 10px;
font-size: 24px;
padding-top:2px;
}
}
}
//公共box
.commonBox{
width: 700px;
margin: 0 auto;
margin-bottom: 50px;
color: #333333;
.titleBox{
height: 56px;
line-height: 56px;
overflow: hidden;
margin-bottom: 15px;
.title{
float: left;
font-family: "PingFangSC-Semibold";
font-size: 40px;
font-weight: bold;
width: 500px;
height: 56px;
overflow: hidden;
}
.lookMore{
float: right;
font-family: "PingFangSC-Light";
font-size: 24px;
margin-right: 10px;
}
.moreIcon{
float: right;
width: 32px;
height: 32px;
background: url("../images/more.png") no-repeat center;
background-size: 100% 100%;
margin-top: 13px;
margin-right: 10px;
}
}
.describe{
font-family: "PingFangSC-Light";
font-size: 24px;
line-height: 1.5;
margin-top: 3px;
word-break: break-all;
text-align: justify;
}
//公共商品item
.descImg{
display: block;
margin: 0px auto;
width: 700px;
height: 300px;
background: url("../images/hotel.jpg") no-repeat center;
background-size: 100% 100%;
margin-top: 20px;
}
.item{
display: block;
float: left;
width: 340px;
margin-top: 20px;
}
.item:nth-child(even){
margin-left: 20px;
}
.itemTop{
display: block;
width: 340px;
height: 240px;
padding-top: 200px;
background: url("../images/lun01.jpg") no-repeat center;
background-size: 100% 100%;
}
.itemBottom{
width: 340px;
background: #F8F8F8;
padding: 11px 17px 20px 15px;
.chName{
font-family: "PingFangSC-Regular";
font-size: 28px;
color: #333333;
height: 75px;
}
.itemDesc{
width: 287px;
height: 34px;
font-family: "MicrosoftYaHei";
font-size: 24px;
color: #3F3F3F;;
overflow: hidden;
margin-top:10px;
.star{
display: block;
float: left;;
width: 19px;
height: 17px;
background: url("../images/star.png") no-repeat center;
background-size: 100% auto;
margin-top: 6px;
}
.descTip{
display: block;
float: left;
height: 34px;
width: 250px;
margin-left: 5px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
font-size: 24px;
color: #999;
}
}
.noItem{
height: 44px;
}
}
.itemPriceBox{
width: 100%;
overflow: hidden;
height: 56px;
color: #999999;
.itemPriceLeft{
float: left;
font-family: "PingFangSC-Light";
margin-top:-8px;
.priceDescBox{
display: inline-block;
position: relative;
padding-left: 10px;
.price{
font-size: 40px;
color: #CB1E36;
margin-left:8px;
}
.rmbIcon{
position: absolute;
top: 5px;
left:0px;
font-size: 20px;
}
}
.priceDescTip{
display: inline-block;
font-family: "PingFangSC-Regular";
font-size:20px;
line-height: 56px;
margin-left: -5px;
}
}
.itemPriceRight{
float: right;
font-family: "MicrosoftYaHeiLight";
font-size: 20px!important;
line-height: 20px;
margin-top:20px;
}
}
//一行超出...显示
.overOne{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
//两行超出...显示
.overTwo{
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
}
//视频Box
.vedioBox{
.vedio{
display: block;
width: 700px;
height: 340px;
margin-top:20px;
margin-bottom: 30px;
}
.vedioTitle{
font-family:" PingFangSC-Light";
font-size: 28px;
margin-bottom: 10px;
}
.vedioDecr{
text-indent: 2;
color: #666666;
}
.lookDetaileBtn{
display: block;
margin: 0 auto;
margin-top: 20px;
width: 180px;
height: 50px;
line-height: 50px;
background: #CB1E36;
border-radius: 2px;
color: #ffffff;
text-align: center;
font-family: "PingFangSC-Light";
font-size: 24px;
}
}
//机票Box
.ticketBox{
.comImg{
display: inline-block;
margin-top: 40px;
margin-left: 30px;
padding:2px 20px;
height: 40px;
line-height: 40px;
text-align: center;
font-family:"PingFangSC-Semibold";
font-size: 24px;
color: #FFFFFF;
position: relative;
background: #A76BE2;
.sanjiao{
display: block;
position: absolute;
top: 0;
left: -12px;
border-style: solid;
border-width: 0 0 26px 12px;
border-color: transparent transparent #48453f transparent;
}
}
.backIcon{
background: #E3007E;
}
.commonTicketBox{
width: 680px;
height: 140px;
margin: 0 auto;
margin-top: 20px;
padding: 27px 20px 37px 24px;
overflow: hidden;
.comTiBoxLeft{
float: left;
font-family: "PingFangSC-Regular";
.startEnd{
display: block;
font-size: 30px;
color: #333333;
height: 42px;
line-height: 42px;
overflow: hidden;
dt{
float: left;
}
.backRoot{
width:90px;
height: 14px;
background: url("../images/backRoot.png") no-repeat center;
background-size: 100% 100%;
margin:14px 10px;
}
.danRoot{
width:90px;
height: 7px;
background: url("../images/danRoot.png") no-repeat center;
background-size: 100% 100%;
margin:17px 10px;
}
}
.startEndTime{
margin-top: 4px;
font-size: 22px;
color: #999999;
}
}
.comTiBoxRig{
float: right;
.priceBox{
display: inline-block;
position: relative;
.price{
font-family:"PingFangSC-Light";
font-size: 50px;
color: #CB1E36;
padding-left: 8px;
}
.rmbIcon{
position: absolute;
top: 10px;
left:-15px;
font-size: 24px;
color: #999999;
}
}
.priceTip{
display: inline-block;
font-family: "PingFangSC-Regular";
font-size: 24px;
color: #3F3F3F;
line-height: 70px;
}
}
}
.backTicketBox{
display: block;
background-color: #FEF2F9;
}
.danTicketBox{
display: block;
background-color: #F7EEFF;
}
}
//酒店Box
.hotelBox{
.hotelChname{
height: 40px!important;
}
.hotelItemBox{
width: 700px;
overflow: hidden;
.hotBox{
height: 490px;
.hotBotBox{
height: 255px;
}
}
//点评
.reviewBox{
width: 340px;
height: 40px;
line-height: 40px;
opacity: 0.7;
background: #000000;
font-family: "PingFangSC-Regular";
color: #FFFFFF;
padding-left: 6px;
padding-top: 5px;
overflow: hidden;
.pic{
display:block;
width: 100px;
margin-top: 9px;
float: left;
}
.reviewSize{
float: left;
display:block;
-webkit-transform: scale(0.8,0.8);
-moz-transform: scale(0.8,0.8);
-o-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
}
.reviewTip{
float: right;
display: block;
-webkit-transform: scale(0.8,0.8);
-moz-transform: scale(0.8,0.8);
-o-transform: scale(0.8,0.8);
transform: scale(0.8,0.8);
}
}
.enName{
font-family:" PingFangSC-Regular";
font-size: 24px;
color: #999999;
height: 33px;
}
.bottomTop{
margin-top: 28px;
}
}
}
//度假Box
.holidayBox{
.holidayItemBox{
width: 700px;
overflow: hidden;
}
.discount{
display: inline-block;
height: 34px;
padding: 0px 20px;
border: 2px solid #CB1E36;
border-radius: 16px;
font-family: "MicrosoftYaHei";
font-size: 22px;
color: #CB1E36;
text-align: center;
margin-top:10px;
margin-bottom: 10px;
}
.nocount{
height: 54px;
}
.tourBoot{
height: 240px;
}
}
//商城
.shopMallBox{
.shopItemBox{
width: 700px;
overflow: hidden;
.mallItemTop{
display: block;
width: 340px;
height: 240px;
position: relative;
img{
width: auto;
height: auto;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.itemIcon{
position: absolute;
top: 0;
left: 0;
width: 0px;
height: 0px;
border-color: transparent transparent transparent #E3007E;
border-width: 0 0 100px 100px;
border-style: solid;
z-index: 10;
.discountTip{
display: inline-block;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
font-family:" PingFangSC-Semibold";
font-size: 20px;
color: #FFFFFF;
margin-left: -105px;
width: 70px;
height: 20px;
height: 30px;
overflow: hidden;
text-align: center;
margin-top:20px;
font-weight: bold;
}
}
}
.mallItemBottom{
width: 340px;
height: 220px;
padding: 11px 12px 19px 8px;
background: #ffffff;
.goodsName{
width: 300px;
height: 80px;
margin: 0 auto;
font-family: "PingFangSC-Regular";
font-size: 28px;
color: #333333;
margin-bottom: 24px;
}
.cart{
float: right;
width: 32px;
height: 35px;
background: url("../images/cart.png") no-repeat center;
background-size: 100% 100%;
margin-top: 8px;
margin-right: 15px;
}
.goodsDescBox{
width: 340px;
height: 24px;
line-height: 24px;
overflow: hidden;
font-family: "MicrosoftYaHeiLight";
font-size: 20px;
color: #999999;
margin-top: 4px;
.goodsDescLeft{
float: left;
width: 210px;
height: 24px;
overflow: hidden;
}
.goodsDescRight{
float: right;
padding-right: 20px;
}
}
}
}
}
//精彩活动
.wonderfulAct{
width:100%;
margin-top: 50px;
.title{
font-family: "PingFangSC-Semibold";
font-size: 40px;
color: #333333;
font-weight: bold;
margin-bottom:40px;
margin-left: 25px;
}
.actImgBox{
width: 340px;
height: 240px;
margin: 0 auto;
display: inline-block;
margin-left:24px;
align-items:center;
vertical-align:middle;
text-align: center;
overflow: hidden;
margin-bottom: 20px;
&:last-child{
width: 700px;
height: 300px;
margin-right: 0px;
}
}
.twoEven{
width: 340px;
height: 240px;
margin: 0 auto;
display: inline-block;
margin-left:20px;
align-items:center;
vertical-align:middle;
text-align: center;
overflow: hidden;
margin-bottom: 20px;
}
}
//红字
.redWord{
color: #CB1E36;
}
//loding
.loding{
.cover{
position:fixed;
z-index:99;
left:0;
bottom:0;
right:0;
top:0;
background-color: #ccc;
opacity: 0.5;
}
.loading-wrapper {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
animation-duration: 1s;
animation-fill-mode: both;
z-index:120;
}
.loading-img {
margin: 0 auto;
width: 200px; /*no*/
height: 130px; /*no*/
background: url('https://ceair-resource.oss-cn-shanghai.aliyuncs.com/common/pc/loading2.gif') no-repeat;
background-size: 100% auto;
}
}
// 返回顶部
.fenxiang,
.back-to-top {
position: fixed;
bottom: 40px;
right: 57px;
width: 70px;
height: 70px;
border-radius: 50%;
opacity: .6;
z-index: 10;
background-color: #000;
span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background: #000 url('../images/back-top.png') center center no-repeat;
background-size: 50px 50px;
}
}
.fenxiang {
bottom: 140px;
span {
width: 45px;
height: 51px;
background: #000 url('../images/fxIco.png') center center no-repeat;
background-size: 45px 51px;
}
}
.pendant {
position: fixed;
bottom: 240px;
right: 30px;
width: 125px;
height: 125px;
&.pendantTop {
bottom: 150px;
}
img {
display: block;
width: 125px;
height: 125px;
}
}
.dn {
display: none!important;
}
//轮播图
.swiper-slide{
display: block;
}
//无内容返回时候的提示框
.noresBox{
position:fixed;
z-index:1000;
left:0;
bottom:0;
right:0;
top:0;
background: rgba(0,0,0,0.80);
width: 100%;
height: 100%;
display: block;
.box{
z-index:1100;
width: 540px;
height: 267px;
padding-top: 43px;
text-align: center;
border-radius: 24px;
background: #ffffff;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
.fir{
font-family: "PingFangSC-Regular";
font-size: 34px;
color: #030303;
margin-bottom: 23px;
}
.sec{
font-family: "PingFangSC-Regular";
font-size: 26px;
color: #030303;
margin-bottom: 44px;
margin-top: 40px;
}
.thir{
width: 540px;
border-top: 1px solid #888888;
font-family: "PingFangSC-Regular";
font-size: 34px;
color: #0076FF;
padding-top: 18px;
}
}
}
.swiper-pagination-bullet{
width: 18px;
height: 18px;
border-radius: 50%;
border:none;
opacity: 0.5;
background: #FFFFFF;
}
.swiper-pagination-bullet-active{
width: 18px;
height: 18px;
border-radius: 50%;
border:none;
background: #0084FF;
}
.swiper-pagination-bullet-active:after{
width: 18px;
height: 18px;
border-radius: 50%;
border:none;
border:none;
}
.blankBox{
width: 100%;
position: absolute;
top:110px;
left: 0;
bottom: 0;
}json返回数据：
{
"Code": 200,
"BCode": 0,
"Msg": "调用成功",
"Data": {
"Code": 200,
"Msg": null,
"LPModel": {
"Id": 1,
"ActivityName": "2018年818活动",
"ShareTitle": "分享标题",
"ShareSubTitle": "分享副标题",
"SharePic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/7/fda5ab9c094a8162db1f47ff2209262a.Gif",
"BalckgroundColor": "#FFFFFF",
"NavColor": "#B22222",
"AppBanner": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/9bce4adcc3579c5ea390866cf9903268.Gif",
"PcBanner": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/3d87f1524b92c0046dfe8a979cf1c653.Gif",
"StartTime": "2018-09-04T09:56:00",
"EndTime": "2019-09-19T09:56:00",
"IsValid": true,
"CreateTime": "2018-09-04T09:56:06.763",
"CreateUser": "王彦彬",
"CreateUserId": 120,
"UpdateUserId": 120,
"UpdateTime": "2018-09-11T15:19:15.203",
"UpdateUser": "王彦彬"
},
"BannerList": {
"BannerModule": {
"Id": 8,
"LandingPageId": 1,
"ModuleTitle": "Banner模块",
"ModuleType": 8,
"ModuleName": "Banner模块",
"ModuleShowName": "banner",
"OrderBy": 8,
"IsValid": true,
"CreateTime": "2018-09-04T17:20:25.14",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-06T17:13:30.827",
"UpdateUser": null
},
"BannerList": [{
"Id": 2,
"LandingPageId": 1,
"ModuleId": 8,
"BrannerName": "1",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/11/2d30c9ae52a7e4fb36d7a2a44d1d4022.Gif",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/2cc58cf6514761cc7ba7264d9015d734.Gif",
"PcLink": "http://www.xinhuanet.com/world/focacsummit2018/jj.htm",
"AppLink": "http://www.xinhuanet.com/world/2018-09/04/c_1123379843.htm",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T21:50:25.903",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-12T15:20:04.773",
"UpdateUser": null
}, {
"Id": 4,
"LandingPageId": 1,
"ModuleId": 8,
"BrannerName": "排序1",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/a435b64b23819f90f05441f94c9859ad.Gif",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/bc81bfa3696a7087d180a5dce8a30b1b.Gif",
"PcLink": null,
"AppLink": null,
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-05T17:29:12.427",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-12T15:20:12.313",
"UpdateUser": null
}, {
"Id": 1,
"LandingPageId": 1,
"ModuleId": 8,
"BrannerName": "排序2",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/668b7786903244039ce97b6f4317785d.Gif",
"AppPic": "http://10.67.200.162:901/image/Additional/App/Feedback/2018/9/4/0eb28d515b449cb5324d8db641dbd81a.Gif",
"PcLink": "http://picketpc.com",
"AppLink": "http://picketapp.com",
"OrderBy": 2,
"IsValid": true,
"CreateTime": "2018-09-04T21:48:18.493",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-06T11:08:34.353",
"UpdateUser": null
}, {
"Id": 3,
"LandingPageId": 1,
"ModuleId": 8,
"BrannerName": "banner3",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/2a217c5c958bf0ee7af3c6af395d11e8.Gif",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/a08a5c06caa5de8f102dde61bde224ec.Gif",
"PcLink": "http://www.xinhuanet.com/world/2018-09/04/c_1123379843.htm",
"AppLink": "http://www.xinhuanet.com/world/focacsummit2018/jj.htm",
"OrderBy": 3,
"IsValid": true,
"CreateTime": "2018-09-05T17:28:34.663",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-12T15:20:08.753",
"UpdateUser": null
}, {
"Id": 5,
"LandingPageId": 1,
"ModuleId": 8,
"BrannerName": "banner5",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/8a42258805723a7181bbc4a2eed66d6e.Gif",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/e02f664b7d2ca6a20f5c1d8878d72b1c.Gif",
"PcLink": null,
"AppLink": null,
"OrderBy": 7,
"IsValid": true,
"CreateTime": "2018-09-05T20:39:33.643",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-12T15:20:15.96",
"UpdateUser": null
}]
},
"ModuleList": [{
"Id": 2,
"LandingPageId": 1,
"ModuleTitle": "第一个优惠券标题",
"ModuleType": 1,
"ModuleName": "优惠券模块",
"ModuleShowName": "第一个优",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T14:34:33.96",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-11T21:32:21.357",
"UpdateUser": null
}, {
"Id": 7,
"LandingPageId": 1,
"ModuleTitle": "视频",
"ModuleType": 2,
"ModuleName": "视频模块",
"ModuleShowName": "视频",
"OrderBy": 2,
"IsValid": true,
"CreateTime": "2018-09-04T17:19:52.153",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:48:42.07",
"UpdateUser": null
}, {
"Id": 5,
"LandingPageId": 1,
"ModuleTitle": "机票",
"ModuleType": 3,
"ModuleName": "机票模块",
"ModuleShowName": "机票",
"OrderBy": 3,
"IsValid": true,
"CreateTime": "2018-09-04T17:14:27.39",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:26.017",
"UpdateUser": null
}, {
"Id": 3,
"LandingPageId": 1,
"ModuleTitle": "酒店",
"ModuleType": 5,
"ModuleName": "酒店模块",
"ModuleShowName": "酒店",
"OrderBy": 4,
"IsValid": true,
"CreateTime": "2018-09-04T17:11:07.83",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:37.117",
"UpdateUser": null
}, {
"Id": 6,
"LandingPageId": 1,
"ModuleTitle": "旅游",
"ModuleType": 4,
"ModuleName": "旅游度假模板",
"ModuleShowName": "旅游",
"OrderBy": 5,
"IsValid": true,
"CreateTime": "2018-09-04T17:17:40.663",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:54.93",
"UpdateUser": null
}, {
"Id": 4,
"LandingPageId": 1,
"ModuleTitle": "商城",
"ModuleType": 6,
"ModuleName": "商城模块",
"ModuleShowName": "商城",
"OrderBy": 6,
"IsValid": true,
"CreateTime": "2018-09-04T17:12:53.9",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:46:22.66",
"UpdateUser": null
}, {
"Id": 1,
"LandingPageId": 1,
"ModuleTitle": "精彩活动",
"ModuleType": 7,
"ModuleName": "广告模块",
"ModuleShowName": "当季热门",
"OrderBy": 9,
"IsValid": true,
"CreateTime": "2018-09-04T13:50:20.783",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-10T15:21:29.387",
"UpdateUser": null
}],
"AdvList": {
"AdvList": [{
"AdvModule": {
"Id": 1,
"LandingPageId": 1,
"ModuleTitle": "精彩活动",
"ModuleType": 7,
"ModuleName": "广告模块",
"ModuleShowName": "当季热门",
"OrderBy": 9,
"IsValid": true,
"CreateTime": "2018-09-04T13:50:20.783",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-10T15:21:29.387",
"UpdateUser": null
},
"AdvList": [{
"AdvInfo": {
"Id": 1,
"LandingPageId": 1,
"ModuleId": 1,
"Title": "精彩活动",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T13:51:04.65",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T14:25:48.123",
"UpdateUser": null
},
"AdvDetailList": [{
"Id": 1,
"LandingPageId": 1,
"AdvId": 1,
"AdvName": "smart活动入库",
"PcPic": "http://10.67.200.162:901/image/Additional/App/Feedback/2018/9/5/80d7726b7aeb935780e59dfa3b2433ee.Gif",
"AppPic": "http://10.67.200.162:901/image/Additional/App/Feedback/2018/9/5/f9715d548e6b4c70a9046a705389f868.Gif",
"PcLink": "https://activity.ceair.com/activity/smart2018/pc/index.html",
"AppLink": "https://activity.ceair.com/activity/smart2018/app/index.html",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T20:06:38.447",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-05T14:04:57.44",
"UpdateUser": null
}, {
"Id": 3,
"LandingPageId": 1,
"AdvId": 1,
"AdvName": "smart活动2",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/6beb60e1de9219b82d86c82cdd64c54d.Gif",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/6961748069975cbf881ff651db8dafc3.Gif",
"PcLink": "http://smart2.pc.com",
"AppLink": "http://smart2.app.com",
"OrderBy": 2,
"IsValid": true,
"CreateTime": "2018-09-05T13:52:08.537",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-05T18:30:12.163",
"UpdateUser": null
}, {
"Id": 4,
"LandingPageId": 1,
"AdvId": 1,
"AdvName": "smart3",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/a5093bdf8053846e853fe2558fa0fec8.Gif",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/368e82ddb002a75ed2b88ba7a936907c.Gif",
"PcLink": "http://www.xinhuanet.com/world/2018-09/04/c_1123379843.htm",
"AppLink": "http://www.xinhuanet.com/world/2018-09/04/c_1123379843.htm",
"OrderBy": 3,
"IsValid": true,
"CreateTime": "2018-09-05T18:32:21.4",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-05T19:35:29.323",
"UpdateUser": null
}]
}]
}],
"Module": {
"Id": 1,
"LandingPageId": 1,
"ModuleTitle": "精彩活动",
"ModuleType": 7,
"ModuleName": "广告模块",
"ModuleShowName": "当季热门",
"OrderBy": 9,
"IsValid": true,
"CreateTime": "2018-09-04T13:50:20.783",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-10T15:21:29.387",
"UpdateUser": null
}
},
"VideoList": {
"VideoModule": {
"Id": 7,
"LandingPageId": 1,
"ModuleTitle": "视频",
"ModuleType": 2,
"ModuleName": "视频模块",
"ModuleShowName": "视频",
"OrderBy": 2,
"IsValid": true,
"CreateTime": "2018-09-04T17:19:52.153",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:48:42.07",
"UpdateUser": null
},
"VideoInfo": {
"Id": 1,
"LandingPageId": 1,
"ModuleId": 7,
"Title": "超大私家泳池别墅 奢华旅行体验",
"SubTitle": "静听海风，静赏海景，静享慢调生活的云卷云舒和尊贵递延",
"ButtonName": "查看详情",
"ButtonColor": "#CD8C95",
"Describe": "1sdfsdfsd\r\n\r\n2bhnmbnm\r\n3",
"PcButUrl": "http://youku.pc.com",
"AppButUrl": "http://youku.app.com",
"PcVideoUrl": "http://static.video.qq.com/TPout.swf?auto=1&vid=g0710d83b1k",
"AppVideoUrl": "https://v.qq.com/iframe/player.html?vid=g0710d83b1k&tiny=0&auto=0",
"VideoPicUrl": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/1b0242b2059dc75f7b23ccc65a6805da.Gif",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T21:43:49.62",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-10T14:00:22.7",
"UpdateUser": null
}
},
"CouponModel": {
"CouponModule": {
"Id": 2,
"LandingPageId": 1,
"ModuleTitle": "第一个优惠券标题",
"ModuleType": 1,
"ModuleName": "优惠券模块",
"ModuleShowName": "第一个优",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T14:34:33.96",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-11T21:32:21.357",
"UpdateUser": null
},
"CouponList": [{
"Id": 1,
"LandingPageId": 1,
"ModuleId": 2,
"CouponCode": "JFSC_Cwyfhb",
"CouponTitle": "100",
"CouponAmount": "8折",
"CopyWriting": "JFSC_Cwyfhb|2018年上半年度翼猫返奖|商城|现金券ddddd",
"BlackgroundColor": "#FF7F24",
"OrderBy": 1,
"ReceiveCount": 2,
"IsMember": 0,
"IsValid": true,
"CreateTime": "2018-09-04T17:01:17.163",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-10T15:27:57.937",
"UpdateUser": null
}, {
"Id": 2,
"LandingPageId": 1,
"ModuleId": 2,
"CouponCode": "BBB1102",
"CouponTitle": "100",
"CouponAmount": "100",
"CopyWriting": "会员领取",
"BlackgroundColor": "#FF00FF",
"OrderBy": 1,
"ReceiveCount": 1,
"IsMember": 1,
"IsValid": true,
"CreateTime": "2018-09-04T20:28:50.03",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-06T18:39:11.51",
"UpdateUser": null
}, {
"Id": 3,
"LandingPageId": 1,
"ModuleId": 2,
"CouponCode": "CJ_1000",
"CouponTitle": "会员领取",
"CouponAmount": "100",
"CopyWriting": "非会员领取",
"BlackgroundColor": "#EE7120",
"OrderBy": 1,
"ReceiveCount": 2,
"IsMember": 2,
"IsValid": true,
"CreateTime": "2018-09-04T20:33:55.833",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-06T18:35:46.663",
"UpdateUser": null
}]
},
"TourList": {
"Module": {
"Id": 6,
"LandingPageId": 1,
"ModuleTitle": "旅游",
"ModuleType": 4,
"ModuleName": "旅游度假模板",
"ModuleShowName": "旅游",
"OrderBy": 5,
"IsValid": true,
"CreateTime": "2018-09-04T17:17:40.663",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:54.93",
"UpdateUser": null
},
"TourList": [{
"TourModule": {
"Id": 6,
"LandingPageId": 1,
"ModuleTitle": "旅游",
"ModuleType": 4,
"ModuleName": "旅游度假模板",
"ModuleShowName": "旅游",
"OrderBy": 5,
"IsValid": true,
"CreateTime": "2018-09-04T17:17:40.663",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:54.93",
"UpdateUser": null
},
"TourList": [{
"TourInfo": {
"Id": 2,
"LandingPageId": 1,
"ModuleId": 6,
"Title": "全球旅游，说走就走",
"Describe": "第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第二行第二行第二行第二行第二行第二行，",
"ButtonName": "查看更多",
"PcButtonLink": "http://trval.pc.1.com",
"AppButtonLink": "http://trval.app.1.com",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/2f6e11fadbb94cd01caa6923da4a7872.Gif",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/ba7252185a668deaacb4df6a6ce78400.Gif",
"PcPicUrl": "http://trval.pcbig.1.com",
"AppPicUrl": "http://trval.appbig.1.com",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T21:29:17.207",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T14:24:36.4",
"UpdateUser": null
},
"TourDetailList": [{
"Id": 2,
"LandingPageId": 1,
"TourId": 2,
"Title": "【上海出发】三亚半山半岛洲际度假酒店5天4晚自由行 专属礼遇",
"SubTitle": "上海直飞免签胜地上海直飞免签胜地",
"Tag": "标签2",
"Price": 5001.00,
"TurnoverCount": 432,
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/7/4f3ef2bd02db0d3bb9eb9e4abfff5ed5.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/7/1cf286e7e54e77de11c9d2f7780ba8fb.Gif",
"AppPicLink": "http://m2.ceair.com",
"PcPicLink": "http://b2.ceair.com",
"OrderBy": 0,
"IsValid": true,
"CreateTime": "2018-09-04T21:37:53.2",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T15:52:13.977",
"UpdateUser": null
}, {
"Id": 3,
"LandingPageId": 1,
"TourId": 2,
"Title": "【上海出发/天府之国】成都4天3晚美食自由行（多酒店可选）",
"SubTitle": "上海直飞免签胜地上海直飞免签胜地",
"Tag": null,
"Price": 3434.00,
"TurnoverCount": 221,
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/5e4917dcf89376cb57702d29bcdcd3fb.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/dc483e137f5429b6d77c3e87afab5310.Gif",
"AppPicLink": "https://vacations.ceair.com/app/home/P",
"PcPicLink": "https://vacations.ceair.com/detail/310011111.htm",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-05T20:26:00.723",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T15:52:19.023",
"UpdateUser": null
}, {
"Id": 1,
"LandingPageId": 1,
"TourId": 2,
"Title": "【上海出发/多地出发】桂林4天3晚机酒自由行（喜来登美食礼遇）",
"SubTitle": "上海直飞免签胜地上海直飞免签胜地",
"Tag": "标签标签标签标签标签",
"Price": 500.00,
"TurnoverCount": 55345,
"AppPic": "http://10.67.200.162:901/image/Additional/App/Feedback/2018/9/5/042dddec61a266ed752306245cbf7f5b.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/01c551e57ccfd2725ab88465b0910b8f.Gif",
"AppPicLink": "http://m.ceair.com",
"PcPicLink": "http://www.ceair.com",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T21:32:05.957",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T15:50:05.15",
"UpdateUser": null
}, {
"Id": 5,
"LandingPageId": 1,
"TourId": 2,
"Title": "【上海出发/热卖爆款】西安4天3晚超值自由行（多酒店可选） ",
"SubTitle": "上海直飞免签胜地上海直飞免签胜地",
"Tag": "标签",
"Price": 0.00,
"TurnoverCount": 1111,
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/737a1236c9f80a6ed09de5b5256aa093.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/b862e884240b1b88bd968e9cc9190a84.Gif",
"AppPicLink": "https://vacations.ceair.com/detail/310012213",
"PcPicLink": "https://vacations.ceair.com/detail/310012213.h",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-05T20:34:25.65",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T15:53:26.027",
"UpdateUser": null
}, {
"Id": 4,
"LandingPageId": 1,
"TourId": 2,
"Title": "【上海出发/探索厦门】厦门4天3晚机酒自由行（多酒店可选）",
"SubTitle": "上海直飞免签胜地上海直飞免签胜地",
"Tag": "标签",
"Price": 111.00,
"TurnoverCount": 12,
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/21fa7915f4413a7b92334e369000cd69.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/a1727c993b39cddf890b1aabf0529f5a.Gif",
"AppPicLink": "http://123.com",
"PcPicLink": "http://123.com",
"OrderBy": 11,
"IsValid": true,
"CreateTime": "2018-09-05T20:27:24.2",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T15:52:22.897",
"UpdateUser": null
}]
}]
}]
},
"HotelList": {
"Module": {
"Id": 3,
"LandingPageId": 1,
"ModuleTitle": "酒店",
"ModuleType": 5,
"ModuleName": "酒店模块",
"ModuleShowName": "酒店",
"OrderBy": 4,
"IsValid": true,
"CreateTime": "2018-09-04T17:11:07.83",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:37.117",
"UpdateUser": null
},
"HotelList": [{
"HotelModule": {
"Id": 3,
"LandingPageId": 1,
"ModuleTitle": "酒店",
"ModuleType": 5,
"ModuleName": "酒店模块",
"ModuleShowName": "酒店",
"OrderBy": 4,
"IsValid": true,
"CreateTime": "2018-09-04T17:11:07.83",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:37.117",
"UpdateUser": null
},
"HotelList": [{
"HotelInfo": {
"Id": 5,
"ModuleId": 3,
"LandingPageId": 1,
"Title": "酒店",
"Describe": "第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一第二行第二行第二行第二行第二行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一行第一第二行第二行",
"AppPic": "http://10.67.200.162:901/image/Additional/App/Feedback/2018/9/5/1b2be278c9b0c7019c7aab6f214f280e.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/2547225c1554e8b4c773b56743a3c0f9.Gif",
"AppPicLink": "http://m.ceair.com",
"PcPicLink": "http://www.ceair.com",
"ButtonName": "查看更多",
"PcButtonLink": "https://vacations.ceair.com/detail/310011164.html?utm_source=pc_Inbound&utm_medium=banner&utm_term=&utm_content=&utm_campaign=XM&c=70428",
"AppButtonLink": "https://vacations.ceair.com/app/home/ProductDetails?ProductID=220000070&cityName=ä¸æµ·",
"OrderBy": 3,
"IsValid": true,
"CreateTime": "2018-09-04T20:41:18.447",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T14:14:23.317",
"UpdateUser": null
},
"HotelDetailList": [{
"Id": 1,
"LandingPageId": 1,
"HotelId": 5,
"HotelName": "悦榕就山庄",
"HotelEnName": "test test test 啊敢死队敢死队发 sdfsdf",
"Score": "4.6",
"CommentCount": "666",
"SaleCount": "2114444",
"Title": "小标题1",
"SubTitle": "小标题2",
"Price": "123.12",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/b46fe6d30bfec633f259c149c45f711f.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/3c1d6871e6b1dc7930fba047934d9a15.Gif",
"AppPicLink": "https://www.banyantree.com/zh/contact-us",
"PcPicLink": "https://www.baidu.com/link?url=LRVgccLV7_v28VOP-b9QcOtwRRyiqOkpyklNXljkgkVBen1nsHUSLUK3vMPIPYkV&wd=&eqid=e01d96c100032860000000045b8e8011",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T20:53:18.86",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-06T15:59:50.54",
"UpdateUser": null
}, {
"Id": 2,
"LandingPageId": 1,
"HotelId": 5,
"HotelName": "上海威斯汀大饭店",
"HotelEnName": "The Westin Bund Center Shanghai",
"Score": "3.4",
"CommentCount": "323",
"SaleCount": "32",
"Title": "￥399+积分17200 起",
"SubTitle": null,
"Price": "3112.1",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/2d4f29312c4363d264d8da387d74af12.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/b674443b835079320f29d53c6091f106.Gif",
"AppPicLink": "https://vacations.ceair.com/app/home/ProductDetails?ProductID=310010628&cityName=ä¸æµ·",
"PcPicLink": "https://hotels.ceair.com/detail/29472.html",
"OrderBy": 2,
"IsValid": true,
"CreateTime": "2018-09-05T17:13:30.967",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-06T15:56:38.507",
"UpdateUser": null
}, {
"Id": 3,
"LandingPageId": 1,
"HotelId": 5,
"HotelName": "上海浦东福朋喜来登由由酒店",
"HotelEnName": "The Westin Bund Center The Westin Bund Center The Westin Bund Center",
"Score": "4.6",
"CommentCount": "4545645",
"SaleCount": "212",
"Title": "小标题1小标题1小标题1",
"SubTitle": "小标题2",
"Price": "3412",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/7/49922da9df3b4557ef83e68de66af47d.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/7/d039304cf36468e92824da0fa79b9ecd.Gif",
"AppPicLink": "https://hotels.ceair.com/detail/27865.html#detail05",
"PcPicLink": "https://hotels.ceair.com/detail/27865.html#detail05",
"OrderBy": 3,
"IsValid": true,
"CreateTime": "2018-09-05T17:15:18.417",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T14:17:52.14",
"UpdateUser": null
}, {
"Id": 4,
"LandingPageId": 1,
"HotelId": 5,
"HotelName": "澳门皇冠假日酒店",
"HotelEnName": null,
"Score": "4",
"CommentCount": "333",
"SaleCount": "42423",
"Title": null,
"SubTitle": null,
"Price": "1211212",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/2f47a3551d52b3b02a04f487061ac4a5.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/d7f4afe7c85c1af82a5826967d2b9fb9.Gif",
"AppPicLink": "https://hotels.ceair.com/App/Detail?hotelId=369603",
"PcPicLink": "https://hotels.ceair.com/detail/184327.html",
"OrderBy": 4,
"IsValid": true,
"CreateTime": "2018-09-05T17:26:20.363",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "0001-01-01T00:00:00",
"UpdateUser": null
}, {
"Id": 5,
"LandingPageId": 1,
"HotelId": 5,
"HotelName": "上海静安铂尔曼酒店",
"HotelEnName": "Pullman Shanghai Jinga Shanghai",
"Score": "4",
"CommentCount": "2232",
"SaleCount": "21",
"Title": "住在上海中亚雅高美爵酒店，您",
"SubTitle": "将身处上海的中",
"Price": "5666",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/f37ed3571daa830b02a1c966008e7d3a.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/23e6e8a12ddbc4ec46d4d029c01eb723.Gif",
"AppPicLink": "https://hotels.ceair.com/App/Detail?hotelId=29515",
"PcPicLink": "https://hotels.ceair.com/detail/29515.html",
"OrderBy": 5,
"IsValid": true,
"CreateTime": "2018-09-05T19:44:31.483",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "0001-01-01T00:00:00",
"UpdateUser": null
}]
}]
}]
},
"MallList": {
"Module": {
"Id": 4,
"LandingPageId": 1,
"ModuleTitle": "商城",
"ModuleType": 6,
"ModuleName": "商城模块",
"ModuleShowName": "商城",
"OrderBy": 6,
"IsValid": true,
"CreateTime": "2018-09-04T17:12:53.9",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:46:22.66",
"UpdateUser": null
},
"MallList": [{
"MallModule": {
"Id": 4,
"LandingPageId": 1,
"ModuleTitle": "商城",
"ModuleType": 6,
"ModuleName": "商城模块",
"ModuleShowName": "商城",
"OrderBy": 6,
"IsValid": true,
"CreateTime": "2018-09-04T17:12:53.9",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:46:22.66",
"UpdateUser": null
},
"MallList": [{
"MallInfo": {
"Id": 2,
"ModuleId": 4,
"LandingPageId": 1,
"Title": "积分商城",
"Describe": "精选推荐别错过",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/3d9f21a6660271a5281aa2618f2b54cc.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/f733d4b44ecc8c6a4f21e5a7dbeb993a.Gif",
"AppPicLink": "http://shopping.app.big.com",
"PcPicLink": "http://shopping.app.small.com",
"ButtonName": "查看更多",
"PcButtonLink": "http://shopping.pc.com",
"AppButtonLink": "http://shopping.app.com",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T21:01:22.257",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T14:25:27.603",
"UpdateUser": null
},
"MallDetailList": [{
"Id": 10,
"LandingPageId": 1,
"MallId": 2,
"Title": "su:m37° 苏秘37° 呼吸 水漾清润7件套礼盒",
"SubTitle": "调整积分范围,现金会",
"Price": "729",
"SaleCount": "111",
"Tag": null,
"TagColor": "",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/f389310df65d96f400f53963839ea8c4.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/34ae74e8e105171d3e0746bf5b43483e.Gif",
"AppPicLink": null,
"PcPicLink": null,
"OrderBy": 0,
"IsValid": true,
"CreateTime": "2018-09-05T21:04:28.133",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T16:03:12.383",
"UpdateUser": null
}, {
"Id": 11,
"LandingPageId": 1,
"MallId": 2,
"Title": "GUERLAIN 娇兰 水合青春保湿润肤水 150 ML",
"SubTitle": "水力更显著升级 ",
"Price": "1212",
"SaleCount": "4445",
"Tag": "1",
"TagColor": null,
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/64a886de3595625491c5d5ffee8d88dd.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/9bf968c8d0a4491d1404e9c5d17d3fed.Gif",
"AppPicLink": null,
"PcPicLink": null,
"OrderBy": 0,
"IsValid": true,
"CreateTime": "2018-09-05T21:06:42.087",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T16:17:27.437",
"UpdateUser": null
}, {
"Id": 1,
"LandingPageId": 1,
"MallId": 2,
"Title": "SONY 数码相机 DSC-W830",
"SubTitle": "调整积分范围 但是发射点士大夫士大夫士大夫",
"Price": "2121.22",
"SaleCount": "3434",
"Tag": "标签文",
"TagColor": "#BDBDBD",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/6edd6b129406f0619959b9677388b95c.Gif",
"PcPic": "http://10.67.200.162:901/image/Additional/App/Feedback/2018/9/5/8f72bf96895d6a8ab6e83cf17b75d424.Gif",
"AppPicLink": "http://shopping.app.1.com",
"PcPicLink": "http://shopping.pc.1.com",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T21:03:55.86",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-10T11:28:11.777",
"UpdateUser": null
}, {
"Id": 2,
"LandingPageId": 1,
"MallId": 2,
"Title": "FUJIFILM 富士 一次成像相机 instax mini8 熊本熊非法登上巅峰",
"SubTitle": "手机 ",
"Price": "9999",
"SaleCount": "31",
"Tag": "小巧",
"TagColor": null,
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/5a5e33ec7ad445aa334351c696f1c11f.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/0502c61e757c9c3b94df9598eb6b78aa.Gif",
"AppPicLink": "http://shopping.ceair.com/detail/166579.html",
"PcPicLink": "http://shopping.ceair.com/detail/151964.html?pk_campaign=pc_hp_lc1_fl1_b1",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-05T19:50:40.527",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-10T11:28:17.117",
"UpdateUser": null
}, {
"Id": 9,
"LandingPageId": 1,
"MallId": 2,
"Title": "GUERLAIN 娇兰 亲亲丝绒唇膏 率真甜橘 347色",
"SubTitle": "丰盈滋润 饱满显色 丰盈滋润 饱满显色 丰盈滋润 饱满显色 ",
"Price": "232",
"SaleCount": "112",
"Tag": null,
"TagColor": "",
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/02be0b749791161e62351d13dbe60341.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/5/33689581cf4f0c0971ebfbea69f7faeb.Gif",
"AppPicLink": "http://shopping.ceair.com/detail/166957.html",
"PcPicLink": "http://shopping.ceair.com/detail/150297.html?pk_campaign=pc_hp_lc1_fl1_b3",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-05T20:57:43.403",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-10T11:28:24.263",
"UpdateUser": null
}]
}]
}]
},
"TicketList": {
"Module": {
"Id": 5,
"LandingPageId": 1,
"ModuleTitle": "机票",
"ModuleType": 3,
"ModuleName": "机票模块",
"ModuleShowName": "机票",
"OrderBy": 3,
"IsValid": true,
"CreateTime": "2018-09-04T17:14:27.39",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:26.017",
"UpdateUser": null
},
"TicketList": [{
"TicketModule": {
"Id": 5,
"LandingPageId": 1,
"ModuleTitle": "机票",
"ModuleType": 3,
"ModuleName": "机票模块",
"ModuleShowName": "机票",
"OrderBy": 3,
"IsValid": true,
"CreateTime": "2018-09-04T17:14:27.39",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T13:45:26.017",
"UpdateUser": null
},
"TickeTypeList": [{
"TicketInfo": {
"Id": 1,
"ModuleId": 5,
"LandingPageId": 1,
"ButtonName": "查看更多",
"PcButtonLink": "http://ticket.pc.com",
"AppButtonLink": "http://ticket.app.com",
"Title": "深入浅蓝 挥别暑意",
"Describe": "机票文案机票文案机票文案机票文案机票文案机票文案机票文案机票文案机票文案机票文案机票文案机票文案机票文案机票文案机票",
"TicketTypeId": 0,
"TicketTypeTitle": null,
"AppPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/73e2c48aedfb0a8bcfd3ecc4d3a86033.Gif",
"PcPic": "http://10.67.200.162:901/image/Activity/App/Feedback/2018/9/6/84e70e43e674f7fa3d64214bcd635bfd.Gif",
"AppPicLink": "http://ticket.app.com",
"PcPicLink": "http://ticket.PC.com",
"OrderBy": 1,
"IsValid": true,
"CreateTime": "2018-09-04T21:06:27.7",
"CreateUser": null,
"CreateUserId": 0,
"UpdateUserId": 0,
"UpdateTime": "2018-09-07T14:38:15.623",
"UpdateUser": null
},
"TickeTypeList": [{
"TicketOneWayType": null,
"TicketOneWayList": [],
"TicketComeBackType": null,
"TicketComeBackList": []
}]
}]
}]
},
"Result": null,
"Message": "调用成功",
"ConsumeTime": 0.0,
"StartTime": null,
"EndTime": null
}
}效果图：
