<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>soodo上朵</title>
<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
<link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
<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;}
</style>
</head>
<script>
var start = new Date(2019,12-1,10,00,00,00);
var end = new Date(2019,12-1,20,23,59,59);
var d = new Date().getTime(); //当前时间戳
if (d > start && d <= end) {
location.href = "index-2019-12-12.html?dates="+new Date().getTime();
}
</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>
<span class="mui-tab-label">首页</span>
</a>
<a class="mui-tab-item">
<span class="iconfont icon-liebiao"></span>
<span class="mui-tab-label">列表</span>
</a>
<a class="mui-tab-item">
<span class="iconfont icon-gouwuche"></span>
<span class="mui-tab-label">购物车</span>
</a>
<a class="mui-tab-item">
<span class="iconfont icon-huiyuan"></span>
<span class="mui-tab-label">会员</span>
</a>
</footer>
<div class="mui-content">
<header class="header">
<div id="index-top-menu" class="mui-segmented-control">
<a class="mui-control-item mui-active" href="#item1">soodo上朵</a>
<a class="mui-control-item" href="#item2">会员专区</a>
</div>
</header>
<div id="item1" class="mui-control-content mui-active">
<div class="banner-box">
<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/banner-7.jpg">
</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-7.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 class="mui-indicator"></div>
</div>
</div>
<div class="index-banner" style="display: none;"></div>
</div>
<div>
<img width="100%" src="images/index-tit-0.jpg" />
</div>
<div>
<a class="color_a" href="pro-details.html?colorId=101">
<img width="100%" src="images/index-0.jpg" />
</a>
</div>
<div>
<ul class="mui-table-view mui-grid-view my-grid-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a class="color_a" href="pro-details.html?colorId=101">
<img class="mui-media-object" src="images/product/a-bai.jpg">
<div class="mui-media-body">贝母白</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a class="color_a" href="pro-details.html?colorId=100">
<img class="mui-media-object" src="images/product/a-fen.jpg">
<div class="mui-media-body">樱花粉</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-4">
<a class="color_a" href="pro-details.html?colorId=102">
<img class="mui-media-object" src="images/product/a-hei.jpg">
<div class="mui-media-body">幻影黑</div>
</a>
</li>
</ul>
</div>
<div>
<img width="100%" src="images/index-tit-1.jpg" />
</div>
<div>
<a class="color_a" href="pro-details.html?colorId=44">
<img width="100%" src="images/index-1.jpg" />
</a>
</div>
<div style="padding-top: 30px;">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide">
<a class="color_a" href="pro-details.html?colorId=44">
<img src="images/yashua-fen.png">
<div class="mui-text-center">樱花粉</div>
</a>
</div>
<div class="swiper-slide">
<a class="color_a" href="pro-details.html?colorId=46">
<img src="images/yashua-huang.png">
<div class="mui-text-center">奶油黄</div>
</a>
</div>
<div class="swiper-slide">
<a class="color_a" href="pro-details.html?colorId=45">
<img src="images/yashua-lan.png">
<div class="mui-text-center">冰川蓝</div>
</a>
</div>
<div class="swiper-slide">
<a class="color_a" href="pro-details.html?colorId=43">
<img src="images/yashua-hei.png">
<div class="mui-text-center">晶石黑</div>
</a>
</div>
<div class="swiper-slide">
<a class="color_a" href="pro-details.html?colorId=42">
<img src="images/yashua-bai.png">
<div class="mui-text-center">极光白</div>
</a>
</div>
</div>
<div class="swiper-button-next swiper-button-black"></div>
<div class="swiper-button-prev swiper-button-black"></div>
</div>
</div>
<div>
<img width="100%" src="images/index-tit-6.jpg" />
</div>
<div>
<a class="color_a" href="pro-details.html?colorId=103">
<img width="100%" src="images/index-3.jpg" />
</a>
</div>
<div>
<br />
<ul class="mui-table-view mui-grid-view my-grid-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-6">
<a class="color_a" href="pro-details.html?colorId=103">
<img class="mui-media-object" src="images/product/r_bai.jpg">
<div class="mui-media-body">柔羽呵护刷头</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-6">
<a class="color_a" href="pro-details.html?colorId=108">
<img class="mui-media-object" src="images/product/r_hei.jpg">
<div class="mui-media-body">柔羽炭洁刷头</div>
</a>
</li>
</ul>
</div>
<div>
<img width="100%" src="images/index-tit-2.jpg" />
</div>
<div>
<a class="color_a" href="pro-details.html?colorId=50">
<img width="100%" src="images/index_shuatou.png" />
</a>
</div>
<div>
<br />
<ul class="mui-table-view mui-grid-view my-grid-view-no">
<li class="mui-table-view-cell mui-media mui-col-xs-6">
<a class="color_a" href="pro-details.html?colorId=50">
<img class="mui-media-object" src="images/product/r_fen.png">
<div class="mui-media-body">柔羽呵护刷头</div>
</a>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-6">
<a class="color_a" href="pro-details.html?colorId=51">
<img class="mui-media-object" src="images/product/d_fen.png">
<div class="mui-media-body">温和洁净刷头</div>
</a>
</li>
</ul>
</div>
<div>
<img width="100%" src="images/index-content.jpg" />
</div>
</div>
<div id="item2" class="mui-control-content">
<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">
</ul>
</div>
<div id="item3" class="mui-control-content">
</div>
</div>
<div class="loading covers">
<div class="loading-bj"></div>
<p>正在加载...</p>
</div>
<!--春节放假通知-->
<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>
window.addEventListener('pageshow', function(e) {
// 通过persisted属性判断是否存在 BF Cache
if (e.persisted) {
location.reload();
}
});
var clickdate = JSON.parse(localStorage.getItem('clickdate'));
//ready事件
mui.ready(function() {
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(); //当前时间戳
//弹窗提示时间为1月14日-2月7日
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({
interval: 3000 //interval设置为0（毫秒）时不轮播
});
//牙刷图swiper左右切换
var swiper = new Swiper('.swiper-container', {
slidesPerView: 3, //每行可视数量
slidesPerGroup: 3, //每组展示数量
slidesPerColumn: 1, //展示几列
loop: true, //循环
slidesPerColumnFill: 'row', //排序方式
navigation: {
nextEl: '.swiper-button-next', //后箭头
prevEl: '.swiper-button-prev', //前箭头
},
spaceBetween: 0 //每个图片的左右间距
});
$.ajax(base_path + '/wechat/integral_pro/list_product?dates=' + new Date().getTime(), {
data: {},
dataType: 'json',
xhrFields: {
withCredentials: true
},
crossDomain: true,
type: 'get',
timeout: 15000,
success: function(dt) {
if (dt.isRedirect) {
location.href = dt.redirectURL;
} else {
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
});
} else {
mui.alert("获取数据失败！");
}
}
},
error: function(xhr, type, errorThrown) {
console.log(xhr);
mui.alert("获取数据失败！网络错误");
}
});
$(document).on('tap', '#grid-view .mui-table-view-cell .mui-btn,#grid-view .mui-media-object', function() {
var th = $(this);
console.log(th.attr("name"))
if (th.attr("name") != "undefined") {
location.href = "cash-coupon.html?id=" + th.attr("name");
}
});
//刷新用户信息
refreshUserInfo();
//设置分享
// fenxiang();
$(".loading").hide().css("opacity", "0"); //隐藏（正在加载...）
});
//春节放假通知弹窗点击事件
$(document).on('tap', '.year-dalog', function() {
if (!window.localStorage) {
console.log("您的浏览器不支持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);
});
//更新用户信息
function refreshUserInfo(){
var oldrefreshUserInfo = null;
if (!window.localStorage) {
console.log("您的浏览器不支持localStorage");
} else {
oldrefreshUserInfo = localStorage.getItem('refreshUserDate');
}
var nowdate = new Date();
var nowrefreshUserDate = nowdate.format("yyyy-MM-dd");
if(nowrefreshUserDate != oldrefreshUserInfo){
$.ajax(base_path + '/getUserInfo?dates=' + new Date().getTime(), {
dataType: 'json',
type: 'post',
timeout: 15000,
xhrFields: {
withCredentials: true
},
crossDomain: true,
success: function(dt) {
if(dt.isRedirect) {
location.href = dt.redirectURL;
} else {
if (!window.localStorage) {
console.log("您的浏览器不支持localStorage");
} else {
//自定义json数据
var date = new Date();
var refreshUserDate = date.format("yyyy-MM-dd");
localStorage.setItem('refreshUserDate', refreshUserDate);
}
}
},
error: function(xhr, type, errorThrown) {
console.log(xhr)
}
});
}
}
//分享
// function fenxiang(){
// var src = location.href;
// src = "https://s.iamberry.com/soodo/wechat/index.html";
// window.wxFriend = {
// "appId": "",
// "imgUrl": 'https://s.iamberry.com/soodo/wechat/images/product_fenxiang.jpg',
// "link": src,
// "desc": '让你的齿龄停留在18岁',
// "title": 'soodo上朵',
// "netError": "您的网络异常，请刷新重试!如多次刷新无效，请向我们反应 ~",
// "shareTimeSuccess": "分享成功",
// "shareTimeCancel": "已取消分享",
// "shareAppSuccess": "分享成功!",
// "shareAppCancel": "已取消分享"
// };
// getConfig();
// }
</script>
</body>
</html>