|
|
@@ -13,6 +13,7 @@
|
|
|
<title>Aiberle</title>
|
|
|
<link href="favicon.ico" rel="shortcut icon">
|
|
|
<link rel="stylesheet" href="../css/main.css" />
|
|
|
+ <link rel="stylesheet" href="//s.iamberry.com/aiberle/www/zh-cn/lib/layui/css/layui.css" />
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
@@ -41,17 +42,19 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="menu-list-4">
|
|
|
- <div>
|
|
|
- <div class="list-cell">
|
|
|
- <a href="pregnancy_list.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg"/><span>孕期</span></a>
|
|
|
- <a href="pregnancy_details5.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg"/><span>0-6个月</span></a>
|
|
|
- <a href="pregnancy_details6.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg"/><span>7-12个月</span></a>
|
|
|
- <a href="pregnancy_details7.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-8.jpg"/><span>2周岁</span></a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <div>
|
|
|
+ <div class="list-cell">
|
|
|
+ <a href="pro_aiberle2.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-5.jpg" /><span>美容软水机</span></a>
|
|
|
+ <a href="pro_aiberle3.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-6.jpg" /><span>净水龙头</span></a>
|
|
|
+ <a href="pro_aiberle1.html"><img src="//s.iamberry.com/aiberle/www/zh-cn/images/menu-list-7.jpg" /><span>净水花洒</span></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="nav-top-bar">
|
|
|
- <a class="li menu-1 active">探索爱贝源</a><a href="pro_water.html">桌面净水机</a><a class="li menu-3">其他产品</a><a style="display: none;" class="li menu-4">金质成长</a>
|
|
|
+ <a class="li menu-1">探索爱贝源</a>
|
|
|
+ <a href="pro_water.html">桌面净水机</a>
|
|
|
+ <a class="li menu-4">生活净水</a>
|
|
|
+ <a class="li menu-3">其他产品</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -63,6 +66,8 @@
|
|
|
</div>
|
|
|
<div class="news-list-box">
|
|
|
<ul class="news-list">
|
|
|
+
|
|
|
+
|
|
|
<li>
|
|
|
<a href="enterprise_dynamics_details4.html">
|
|
|
<div class="img">
|
|
|
@@ -115,7 +120,10 @@
|
|
|
</div>
|
|
|
</a>
|
|
|
</li>
|
|
|
+
|
|
|
+
|
|
|
</ul>
|
|
|
+ <div id="demo2" style="height: 50px;width: 1100px;margin: 0 auto; padding-left: 100px;padding-bottom: 80px;">111</div>
|
|
|
</div>
|
|
|
|
|
|
<!--<ul class="pagination">
|
|
|
@@ -146,16 +154,31 @@
|
|
|
<li>
|
|
|
<ul class="footer-cell">
|
|
|
<li>产品</li>
|
|
|
- <li><a href="pro_water.html">桌面净水机</a></li>
|
|
|
- <li><a href="pro_aiberle.html">冲奶机</a></li>
|
|
|
- <li><a href="javascript:;">孕产妇电动牙刷</a></li>
|
|
|
+ <li>
|
|
|
+ <a href="pro_water.html">桌面净水机</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="pro_aiberle2.html">美容软水机</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="pro_aiberle3.html">净水龙头</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="pro_aiberle1.html">净水花洒</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="pro_aiberle.html">冲奶机</a>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <a href="//item.jd.com/27532285015.html">孕产妇电动牙刷</a>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
<li>
|
|
|
<ul class="footer-cell">
|
|
|
<li>关注Aiberle</li>
|
|
|
<li>电话：400 800 6692</li>
|
|
|
- <li>邮箱：tony@iamberry.com</li>
|
|
|
+ <li>邮箱：aiberle@iamberry.com</li>
|
|
|
<li>
|
|
|
Aiberle全球营销总部：深圳爱贝源科技有限公司
|
|
|
<!--<span class="icon icon-wx"></span>-->
|
|
|
@@ -186,9 +209,12 @@
|
|
|
<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.mousewheel.min.js"></script>
|
|
|
<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/jquery.SuperSlide.2.1.1.js" ></script>
|
|
|
<script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/js/main.js"></script>
|
|
|
+
|
|
|
+ <script type="text/javascript" src="//s.iamberry.com/aiberle/www/zh-cn/lib/layui/layui.all.js" ></script>
|
|
|
+
|
|
|
<script>
|
|
|
$(function() {
|
|
|
- $.ajax('//h5.iamberry.com/iamberry/news/list', {
|
|
|
+ /*$.ajax('//h5.iamberry.com/iamberry/news/list', {
|
|
|
data: {},
|
|
|
dataType: 'json',
|
|
|
xhrFields: {
|
|
|
@@ -203,7 +229,7 @@
|
|
|
var data = dt.returnMsg.newslist;
|
|
|
var str = '';
|
|
|
for(i = 0; i < data.length; i++) {
|
|
|
- str+='<li><a href="enterprise_dynamics_details.html?newsid='+data[i].newsId+'"><div class="img"><img src="'+data[i].newsImage+'" /></div><div class="text"><strong>'+data[i].newsTitle+'</strong><div>'+data[i].newsDesc+'</div></div></a></li>';
|
|
|
+ str+='<li><a href="enterprise_dynamics_details.html?newsid='+data[i].newsId+'"><div class="img"><img src="'+data[i].newsImage+'" /></div><div class="text"><strong>'+data[i].newsTitle+'</strong><div style="height: 224px;">'+data[i].newsDesc+'</div><div style="height:25px;bottom:19px;position: relative;float:left;left: 450px;">'+ formatDate(data[i].newsCreateDate) +'</div></div></a></li>';
|
|
|
}
|
|
|
$('.news-list').empty().append(str);
|
|
|
} else {
|
|
|
@@ -213,8 +239,91 @@
|
|
|
error: function(xhr, type, errorThrown) {
|
|
|
alert("获取数据失败！网络错误");
|
|
|
}
|
|
|
- });
|
|
|
+ });*/
|
|
|
+
|
|
|
+ var urlpath = "//h5.iamberry.com/iamberry/news/list";
|
|
|
+ var divId1 = $(".news-list");
|
|
|
+ var divId2 = $("#demo2");
|
|
|
+ var cuur = 1;
|
|
|
+ acrtionPage(urlpath,divId1,divId2,cuur);
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ function formatDate(myDate){
|
|
|
+ var date = new Date(myDate);
|
|
|
+ var html = date.getFullYear() + "年" + parseInt(date.getMonth()+1) + "月" + date.getDate() + "日";
|
|
|
+ return html;
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+
|
|
|
+ <script>
|
|
|
+ var laypage ;
|
|
|
+ layui.use(['laypage', 'layer'], function(){
|
|
|
+ laypage = layui.laypage,layer = layui.layer;
|
|
|
});
|
|
|
+ /**
|
|
|
+ * 获取分页数据
|
|
|
+ * author:xiaochuan
|
|
|
+ * @param url 服务器请求地址
|
|
|
+ * @param id1 内容显示区父ID
|
|
|
+ * @param id2 分页页码显示区父ID
|
|
|
+ * @param curr 当前页码
|
|
|
+ */
|
|
|
+ function acrtionPage(url,id1,id2,curr){
|
|
|
+
|
|
|
+ $.ajax('//h5.iamberry.com/iamberry/news/list', {
|
|
|
+ data: {
|
|
|
+ pageNO:curr
|
|
|
+ },
|
|
|
+ dataType: 'json',
|
|
|
+ xhrFields: {
|
|
|
+ withCredentials: true
|
|
|
+ },
|
|
|
+ crossDomain: true,
|
|
|
+ type: 'get',
|
|
|
+ timeout: 15000,
|
|
|
+ success: function(dt) {
|
|
|
+ //console.log(dt)
|
|
|
+ if(dt.returnCode == "200") {
|
|
|
+
|
|
|
+ var count = dt.returnMsg.count;
|
|
|
+
|
|
|
+ var data = dt.returnMsg.newslist;
|
|
|
+ var str = '';
|
|
|
+ for(i = 0; i < data.length; i++) {
|
|
|
+ str+='<li><a href="enterprise_dynamics_details.html?newsid='+data[i].newsId+'"><div class="img"><img src="'+data[i].newsImage+'" /></div><div class="text"><strong>'+data[i].newsTitle+'</strong><div style="height: 224px;">'+data[i].newsDesc+'</div><div style="height:25px;bottom:19px;position: relative;float:left;left: 450px;">'+ formatDate(data[i].newsCreateDate) +'</div></div></a></li>';
|
|
|
+ }
|
|
|
+ $('.news-list').empty().append(str);
|
|
|
+
|
|
|
+ laypage.render({
|
|
|
+ elem: 'demo2'
|
|
|
+ ,count: count
|
|
|
+ ,limit:6
|
|
|
+ ,theme: '#000'
|
|
|
+ ,curr : curr
|
|
|
+ ,groups:4
|
|
|
+ ,prev:"<"
|
|
|
+ ,next:">"
|
|
|
+ ,jump: function(obj, first){
|
|
|
+ //obj包含了当前分页的所有参数，比如：
|
|
|
+ //console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
|
|
|
+ //console.log(obj.limit); //得到每页显示的条数
|
|
|
+ if(!first){
|
|
|
+ //点击跳页触发函数自身，并传递当前页：obj.curr
|
|
|
+ acrtionPage(url,id1,id2,obj.curr);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+
|
|
|
+ } else {
|
|
|
+ alert("获取数据失败！");
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error: function(xhr, type, errorThrown) {
|
|
|
+ alert("获取数据失败！网络错误");
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
</script>
|
|
|
</body>
|
|
|
|
