|
|
@@ -1,6 +1,5 @@
|
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
-
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
|
|
|
@@ -12,18 +11,17 @@
|
|
|
<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
|
|
|
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
|
|
<style>
|
|
|
- .color_a {
|
|
|
- color: #000000;
|
|
|
- }
|
|
|
-
|
|
|
- .color_a:hover {
|
|
|
- color: #000000;
|
|
|
- }
|
|
|
+ .color_a {color: #000000;}
|
|
|
+ .color_a:hover {color: #000000;}
|
|
|
</style>
|
|
|
</head>
|
|
|
-
|
|
|
+ <script>
|
|
|
+ var d = new Date().getTime(); //当前时间戳
|
|
|
+ if (d > 1544284800000 && d <= 1545753599000) {
|
|
|
+ location.href = "index-2018-12-12.html";
|
|
|
+ }
|
|
|
+ </script>
|
|
|
<body>
|
|
|
- <!--底部菜单开始-->
|
|
|
<footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
|
|
|
<a class="mui-tab-item mui-active">
|
|
|
<span class="iconfont icon-shouye"></span>
|
|
|
@@ -42,71 +40,49 @@
|
|
|
<span class="mui-tab-label">会员</span>
|
|
|
</a>
|
|
|
</footer>
|
|
|
- <!--底部菜单结束-->
|
|
|
-
|
|
|
- <!--内容开始-->
|
|
|
<div class="mui-content">
|
|
|
<header class="header">
|
|
|
- <!--头部选项卡-->
|
|
|
<div id="index-top-menu" class="mui-segmented-control">
|
|
|
- <!--(默认选中哪个就加上mui-active)，其他不加-->
|
|
|
<a class="mui-control-item mui-active" href="#item1">soodo上朵</a>
|
|
|
<a class="mui-control-item" href="#item2">会员专区</a>
|
|
|
- <!--<a class="mui-control-item" href="#item3">刷头</a>-->
|
|
|
</div>
|
|
|
</header>
|
|
|
- <!--选项卡item1显示区域(默认选中哪个就加上mui-active)，其他不加-->
|
|
|
<div id="item1" class="mui-control-content mui-active">
|
|
|
<div class="banner-box">
|
|
|
- <!--banner开始-->
|
|
|
<div id="slider" class="mui-slider">
|
|
|
<div class="mui-slider-group mui-slider-loop">
|
|
|
- <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
|
|
|
<div class="mui-slider-item mui-slider-item-duplicate">
|
|
|
<a>
|
|
|
<img src="images/index_shuatou_2.png">
|
|
|
</a>
|
|
|
</div>
|
|
|
- <!-- 第一张 -->
|
|
|
- <!--<div class="mui-slider-item">
|
|
|
- <a>
|
|
|
- <img src="images/shuatou_zh_index.png">
|
|
|
- </a>
|
|
|
- </div>-->
|
|
|
- <!-- 第一张 -->
|
|
|
<div class="mui-slider-item">
|
|
|
<a>
|
|
|
<img src="images/banner-1.jpg">
|
|
|
</a>
|
|
|
</div>
|
|
|
- <!-- 第二张 -->
|
|
|
<div class="mui-slider-item">
|
|
|
<a>
|
|
|
<img src="images/banner-2.jpg">
|
|
|
</a>
|
|
|
</div>
|
|
|
- <!-- 第三张 -->
|
|
|
<div class="mui-slider-item">
|
|
|
<a>
|
|
|
<img src="images/index_shuatou_2.png">
|
|
|
</a>
|
|
|
</div>
|
|
|
- <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
|
|
|
<div class="mui-slider-item mui-slider-item-duplicate">
|
|
|
<a>
|
|
|
<img src="images/banner-1.jpg">
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--轮播图下面的点（和轮播图数量一致）-->
|
|
|
<div class="mui-slider-indicator my-slider-indicator">
|
|
|
<div class="mui-indicator mui-active"></div>
|
|
|
<div class="mui-indicator"></div>
|
|
|
<div class="mui-indicator"></div>
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--banner结束-->
|
|
|
<div class="index-banner" style="display: none;"></div>
|
|
|
</div>
|
|
|
<div>
|
|
|
@@ -118,7 +94,6 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
<div style="padding-top: 30px;">
|
|
|
- <!-- Swiper begin-->
|
|
|
<div class="swiper-container">
|
|
|
<div class="swiper-wrapper">
|
|
|
<div class="swiper-slide">
|
|
|
@@ -152,13 +127,10 @@
|
|
|
</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!-- Add Arrows -->
|
|
|
<div class="swiper-button-next swiper-button-black"></div>
|
|
|
<div class="swiper-button-prev swiper-button-black"></div>
|
|
|
</div>
|
|
|
- <!-- Swiper end-->
|
|
|
</div>
|
|
|
-
|
|
|
<div>
|
|
|
<img width="100%" src="images/index-tit-2.jpg" />
|
|
|
</div>
|
|
|
@@ -187,136 +159,72 @@
|
|
|
<div>
|
|
|
<img width="100%" src="images/index-content.jpg" />
|
|
|
</div>
|
|
|
- <!--<div>
|
|
|
- <img width="100%" src="images/banner-2.jpg" />
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <img width="100%" src="images/index-tit-3.jpg" />
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a class="color_a" href="pro-details.html?colorId=44">
|
|
|
- <img width="100%" src="images/index-1.jpg" />
|
|
|
- </a>
|
|
|
- </div>-->
|
|
|
- <!--<div class="mui-text-center mui-content-padded">
|
|
|
- <span style="color: #f16071;">¥399.00</span>
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <img width="100%" src="images/index_shuatou_2.png" />
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <img width="100%" src="images/index-tit-4.jpg" />
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a class="color_a" href="pro-details.html?colorId=50">
|
|
|
- <img width="100%" src="images/index_shuatou.png" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="mui-text-center mui-content-padded">
|
|
|
- <span style="color: #f16071;">¥42.00</span>
|
|
|
- </div>
|
|
|
-
|
|
|
- <div>
|
|
|
- <img width="100%" src="images/index-tit-5.jpg" />
|
|
|
- </div>
|
|
|
- <div>
|
|
|
- <a class="color_a" href="pro-details.html?colorId=51">
|
|
|
- <img width="100%" src="images/index_d_shuatou.png" />
|
|
|
- </a>
|
|
|
- </div>
|
|
|
- <div class="mui-text-center mui-content-padded">
|
|
|
- <span style="color: #f16071;">¥36.00</span>
|
|
|
- </div>-->
|
|
|
</div>
|
|
|
- <!--选项卡item2显示区域-->
|
|
|
<div id="item2" class="mui-control-content">
|
|
|
- <div><img width="100%" src="images/banner-4.jpg"/></div>
|
|
|
+ <div><img width="100%" src="images/banner-4.jpg" /></div>
|
|
|
<ul class="mui-table-view mui-grid-view mui-grid-9" id="menu-grid-9">
|
|
|
- <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a>
|
|
|
- <span class="iconfont icon-fenbi"></span>
|
|
|
- <div class="mui-media-body">朵粉币 <span id="integral">0</span></div></a></li>
|
|
|
- <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="cash-coupon-log.html">
|
|
|
- <span class="iconfont icon-jilu"></span>
|
|
|
- <div class="mui-media-body">兑换记录</div></a></li>
|
|
|
- <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="cash-coupon-dic.html">
|
|
|
- <span class="iconfont icon-guize"></span>
|
|
|
- <div class="mui-media-body">兑换规则</div></a></li>
|
|
|
- </ul>
|
|
|
-
|
|
|
- <ul class="mui-table-view mui-grid-view" id="grid-view">
|
|
|
- <!--<li class="mui-table-view-cell mui-media mui-col-xs-6">
|
|
|
- <a href="#">
|
|
|
- <img class="mui-media-object" src="images/100-quan.jpg">
|
|
|
- <div class="mui-media-body">100元现金券 </div>
|
|
|
- <h6>商场全品类满100可用</h6>
|
|
|
- <div class="prices">1000朵粉币</div>
|
|
|
- <div><button type="button" class="mui-btn">兑换</button></div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media mui-col-xs-6">
|
|
|
- <a href="#">
|
|
|
- <img class="mui-media-object" src="images/50-quan.jpg">
|
|
|
- <div class="mui-media-body">50元现金券</div>
|
|
|
- <h6>商场全品类满50可用</h6>
|
|
|
- <div class="prices">500朵粉币</div>
|
|
|
- <div><button type="button" class="mui-btn">兑换</button></div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media mui-col-xs-6">
|
|
|
- <a href="#">
|
|
|
- <img class="mui-media-object" src="images/30-quan.jpg">
|
|
|
- <div class="mui-media-body">30元现金券</div>
|
|
|
- <h6>商场全品类满30可用</h6>
|
|
|
- <div class="prices">300朵粉币</div>
|
|
|
- <div><button type="button" class="mui-btn">兑换</button></div>
|
|
|
- </a>
|
|
|
- </li>
|
|
|
- <li class="mui-table-view-cell mui-media mui-col-xs-6">
|
|
|
- <a href="#">
|
|
|
- <img class="mui-media-object" src="images/20-quan.jpg">
|
|
|
- <div class="mui-media-body">20元现金券</div>
|
|
|
- <h6>商场全品类满20可用</h6>
|
|
|
- <div class="prices">200朵粉币</div>
|
|
|
- <div><button type="button" class="mui-btn">兑换</button></div>
|
|
|
- </a>
|
|
|
- </li>-->
|
|
|
- </ul>
|
|
|
-
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a>
|
|
|
+ <span class="iconfont icon-fenbi"></span>
|
|
|
+ <div class="mui-media-body">朵粉币 <span id="integral">0</span></div>
|
|
|
+ </a></li>
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="cash-coupon-log.html">
|
|
|
+ <span class="iconfont icon-jilu"></span>
|
|
|
+ <div class="mui-media-body">兑换记录</div>
|
|
|
+ </a></li>
|
|
|
+ <li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-4"><a href="cash-coupon-dic.html">
|
|
|
+ <span class="iconfont icon-guize"></span>
|
|
|
+ <div class="mui-media-body">兑换规则</div>
|
|
|
+ </a></li>
|
|
|
+ </ul>
|
|
|
+ <ul class="mui-table-view mui-grid-view" id="grid-view">
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <!--选项卡item3显示区域-->
|
|
|
<div id="item3" class="mui-control-content">
|
|
|
-
|
|
|
</div>
|
|
|
</div>
|
|
|
- <!--内容结束-->
|
|
|
-
|
|
|
- <!--春节放假通知-->
|
|
|
- <!--<div class="year-dalog"></div>-->
|
|
|
- <!-- 加载ing begin-->
|
|
|
<div class="loading covers">
|
|
|
<div class="loading-bj"></div>
|
|
|
<p>正在加载...</p>
|
|
|
</div>
|
|
|
- <!-- 加载ing end -->
|
|
|
+ <!--春节放假通知-->
|
|
|
+ <div class="year-dalog"></div>
|
|
|
<script src="js/mui.min.js"></script>
|
|
|
<script src="js/jquery-2.1.1.min.js"></script>
|
|
|
<script src="js/swiper.min.js"></script>
|
|
|
<script src="js/main.js"></script>
|
|
|
- <script src="js/wechat-utils-1.0.js"></script>
|
|
|
+ <!-- <script src="js/wechat-utils-1.0.js"></script> -->
|
|
|
<script>
|
|
|
window.addEventListener('pageshow', function(e) {
|
|
|
// 通过persisted属性判断是否存在 BF Cache
|
|
|
- if(e.persisted) {
|
|
|
+ if (e.persisted) {
|
|
|
location.reload();
|
|
|
}
|
|
|
});
|
|
|
-// var clickdate = JSON.parse(localStorage.getItem('clickdate'));
|
|
|
+ var clickdate = JSON.parse(localStorage.getItem('clickdate'));
|
|
|
//ready事件
|
|
|
mui.ready(function() {
|
|
|
- if(getParam("nav")==2){
|
|
|
+ if (getParam("nav") == 2) {
|
|
|
$("#index-top-menu>.mui-control-item,#item1").removeClass("mui-active");
|
|
|
$("#index-top-menu>.mui-control-item:last-child,#item2").addClass("mui-active");
|
|
|
}
|
|
|
+ var d = new Date().getTime(); //当前时间戳
|
|
|
+ //弹窗提示时间为2月8日-2月22日
|
|
|
+ if (d > 1547395200000 && d < 1549900799000) {
|
|
|
+ if (!window.localStorage) {
|
|
|
+ mui.alert("您的浏览器不支持localStorage");
|
|
|
+ } else {
|
|
|
+ if (clickdate != null) {
|
|
|
+ var oldDate = new Date(clickdate.text).getDay();
|
|
|
+ //如果本地存储的getDay比当前时间的getDay大则显示弹窗
|
|
|
+ if (new Date().getDay() > oldDate) {
|
|
|
+ $(".year-dalog").addClass("active").show();
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ //本地没有存储时间也显示弹窗
|
|
|
+ $(".year-dalog").addClass("active").show();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
//banner轮播图
|
|
|
var slider = mui("#slider");
|
|
|
slider.slider({
|
|
|
@@ -335,7 +243,7 @@
|
|
|
},
|
|
|
spaceBetween: 0 //每个图片的左右间距
|
|
|
});
|
|
|
- $.ajax(base_path +'/wechat/integral_pro/list_product?dates=' + new Date().getTime(), {
|
|
|
+ $.ajax(base_path + '/wechat/integral_pro/list_product?dates=' + new Date().getTime(), {
|
|
|
data: {},
|
|
|
dataType: 'json',
|
|
|
xhrFields: {
|
|
|
@@ -345,19 +253,19 @@
|
|
|
type: 'get',
|
|
|
timeout: 15000,
|
|
|
success: function(dt) {
|
|
|
- if(dt.isRedirect) {
|
|
|
+ if (dt.isRedirect) {
|
|
|
location.href = dt.redirectURL;
|
|
|
} else {
|
|
|
- if(dt.status) {
|
|
|
+ if (dt.status) {
|
|
|
//console.log(dt)
|
|
|
$("#integral").text(dt.data.integral);
|
|
|
- var table=document.body.querySelector("#grid-view");
|
|
|
- mui.each(dt.data.integralProductList, function(index) {
|
|
|
- var li = document.createElement('li');//创建li标签
|
|
|
- li.className='mui-table-view-cell mui-media mui-col-xs-6';
|
|
|
- li.innerHTML='<a><img class="mui-media-object" name="'+this.integralProductId+'" src="'+base_path + this.integralProductImg+'"><div class="mui-media-body">'+this.integralProductName+'</div><h6>'+this.integralProductDesc+'</h6><div class="prices">'+this.convertDfbi+'朵粉币</div><div><button type="button" class="mui-btn" name="'+this.integralProductId+'">兑换</button></div></a>';
|
|
|
- table.appendChild(li);//将li插入table
|
|
|
- });
|
|
|
+ var table = document.body.querySelector("#grid-view");
|
|
|
+ mui.each(dt.data.integralProductList, function(index) {
|
|
|
+ var li = document.createElement('li'); //创建li标签
|
|
|
+ li.className = 'mui-table-view-cell mui-media mui-col-xs-6';
|
|
|
+ li.innerHTML = '<a><img class="mui-media-object" name="' + this.integralProductId + '" src="' +base_path + this.integralProductImg + '"><div class="mui-media-body">' + this.integralProductName +'</div><h6>' + this.integralProductDesc + '</h6><div class="prices">' + this.convertDfbi +'朵粉币</div><div><button type="button" class="mui-btn" name="' + this.integralProductId +'">兑换</button></div></a>';
|
|
|
+ table.appendChild(li); //将li插入table
|
|
|
+ });
|
|
|
} else {
|
|
|
mui.alert("获取数据失败！");
|
|
|
}
|
|
|
@@ -369,53 +277,35 @@
|
|
|
}
|
|
|
});
|
|
|
$(document).on('tap', '#grid-view .mui-table-view-cell .mui-btn,#grid-view .mui-media-object', function() {
|
|
|
- var th=$(this);
|
|
|
+ var th = $(this);
|
|
|
console.log(th.attr("name"))
|
|
|
- if(th.attr("name")!="undefined"){
|
|
|
- location.href="cash-coupon.html?id="+th.attr("name");
|
|
|
+ if (th.attr("name") != "undefined") {
|
|
|
+ location.href = "cash-coupon.html?id=" + th.attr("name");
|
|
|
}
|
|
|
});
|
|
|
$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
|
|
|
+
|
|
|
|
|
|
-// var d = new Date().getTime();//当前时间戳
|
|
|
-// //弹窗提示时间为2月8日-2月22日
|
|
|
-// if(d > 1518019200000 && d < 1519315200000) {
|
|
|
-// if(!window.localStorage) {
|
|
|
-// mui.alert("您的浏览器不支持localStorage");
|
|
|
-// } else {
|
|
|
-// if(clickdate != null) {
|
|
|
-// var oldDate = new Date(clickdate.text).getDay();
|
|
|
-// //如果本地存储的getDay比当前时间的getDay大则显示弹窗
|
|
|
-// if(new Date().getDay() > oldDate) {
|
|
|
-// $(".year-dalog").addClass("active").show();
|
|
|
-// }
|
|
|
-// }else{
|
|
|
-// //本地没有存储时间也显示弹窗
|
|
|
-// $(".year-dalog").addClass("active").show();
|
|
|
-// }
|
|
|
-// }
|
|
|
-// }
|
|
|
|
|
|
});
|
|
|
//春节放假通知弹窗点击事件
|
|
|
-// $(document).on('tap', '.year-dalog', function() {
|
|
|
-// if(!window.localStorage) {
|
|
|
-// mui.alert("您的浏览器不支持localStorage");
|
|
|
-// } else {
|
|
|
-// //自定义json数据
|
|
|
-// var obj = {};
|
|
|
-// obj = {
|
|
|
-// text: new Date().getTime()
|
|
|
-// };
|
|
|
-// //json格式化插入 点击时间
|
|
|
-// localStorage.setItem('clickdate', JSON.stringify(obj));
|
|
|
-// }
|
|
|
-// $(".year-dalog").removeClass("active");
|
|
|
-// setTimeout(function(){
|
|
|
-// $(".year-dalog").hide();
|
|
|
-// },500);
|
|
|
-// });
|
|
|
+ $(document).on('tap', '.year-dalog', function() {
|
|
|
+ if (!window.localStorage) {
|
|
|
+ mui.alert("您的浏览器不支持localStorage");
|
|
|
+ } else {
|
|
|
+ //自定义json数据
|
|
|
+ var obj = {};
|
|
|
+ obj = {
|
|
|
+ text: new Date().getTime()
|
|
|
+ };
|
|
|
+ //json格式化插入 点击时间
|
|
|
+ localStorage.setItem('clickdate', JSON.stringify(obj));
|
|
|
+ }
|
|
|
+ $(".year-dalog").removeClass("active");
|
|
|
+ setTimeout(function() {
|
|
|
+ $(".year-dalog").hide();
|
|
|
+ }, 500);
|
|
|
+ });
|
|
|
</script>
|
|
|
</body>
|
|
|
-
|
|
|
-</html>
|
|
|
+</html>
|
