home

css/app.css

@@ -143,7 +143,8 @@ i.icon{
 /* +++++++++++++  首页  +++++++++ */
 /*swiper*/
 .swiper-container {
-  height: 4.0rem;
+  height: 2.25rem;
+  margin: 0.25rem 0;
 }
 .swiper-slide {
   background:#fff;

css/index.css

@@ -3,22 +3,23 @@
     background-color: #fff;
 }
 #list ul li{
-    border-bottom: #e5e5e5 solid 2px;
+    /*border-bottom: #e5e5e5 solid 2px;*/
     overflow: hidden;
 }
 #list ul li a{
     display: block;
-    width: 100%;
-    padding: 3%;
+    margin: 0 3%;
+    padding: 3% 0;
     overflow: hidden;
+    border-bottom: #E3E3E3 solid 1px;
 }
 #list li .content{
     width: 68%;
-    margin-top: -8px;
+    margin-top: -0.1rem;
 }
 #list li .content h5{
-    height: 86px;
-    font-size: 32px;
+    height: 1.075rem;
+    font-size: 0.4rem;
 }
 #list li .content h5 strong{
     display: inline-block;
@@ -27,11 +28,11 @@
     border:#e90000 solid 2px;
     padding: 2px 6px 4px;
     border-radius: 8px;
-    margin-right: 10px;
+    margin-right: 0.125rem;
     vertical-align: middle;
 }
 #list li .content .label{
-    margin-top: 10px;
+    margin-top: 0.125rem;
     overflow: hidden;
 }
 #list li .content .label span{
@@ -39,7 +40,7 @@
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
-    font-size: 24px;
+    font-size: 0.3rem;
     color: #999;
 }
 .icon-count, .icon-reply{
@@ -172,14 +173,14 @@ i.icon-gobackTo{
     -webkit-box-orient: vertical;
 }
 #list ul li img{
-    width: 176px;
-    height: 116px;
-    border-radius: 10px;
-    border: #e5e5e5 solid 1px;
+    width: 2.2rem;
+    height: 1.45rem;
+    /*border-radius: 10px;*/
+    /*border: #e5e5e5 solid 1px;*/
 }
 .infinite-scroll-preloader {
   /*margin-top:-20px;*/
-  margin-bottom: 10px;
+  margin-bottom: 0.125rem;
   text-align: center;
 }
 .infinite-scroll-preloader .preloader {

js/app.js

@@ -13,6 +13,7 @@ function getCategory(package_id){
 var cate_id = '';
   var html = '', res = null, className = '';
   $$.post('http://d1.henhaojie.com/user/information/getclassification', { package_id: package_id}, function (data) {
+  	console.log(JSON.parse(data))
     res = JSON.parse(data);
     if (res.errno == 0 && res.rst != []) {
       html += '<li><a data-label="'+  res.rst[0] +'" href="#nav1" class="tab-link active">'+  res.rst[0] +'</a></li><li><a  data-label="'+  res.rst[1] +'" href="#nav2" class="tab-link">'+ res.rst[1] +'</a></li>';
@@ -29,9 +30,9 @@ var cate_id = '';
      var pageInfo = res.rst.listdata.pageinfo;
      if (res.errno == 0) {
        // 添加banner
-       if (res.rst.banner !== null) {
-         $$('.swiper-slide').html('<a class="external" href="details.html?id='+ res.rst.banner.id +'"><img src="'+ res.rst.banner.thumbnail +'"></a>');
-       }
+//     if (res.rst.banner !== null) {
+//       $$('.swiper-slide').html('<a class="external" href="details.html?id='+ res.rst.banner.id +'"><img src="'+ res.rst.banner.thumbnail +'"></a>');
+//     }
        // list 循环
        if (pageInfo.page == 1) {
         $$(id).html('');
@@ -48,8 +49,9 @@ var cate_id = '';
        }else{
              loading = false;
        }
+       console.log(res.rst.listdata.data)
        $$.each(res.rst.listdata.data , function(index, el) {
-          html += '<li><a class="external" href="details.html?id='+el.id+'"> <div class="content fl"> <h5 class="elli">'+ el.title +'</h5> <div class="label"> <span class="fl" style="max-width: 30%;">'+ el.source +'</span> <span class="fr"  style="max-width: 60%;">'+ el.page_views +' &nbsp; '+ el.create_time +'</span></div></div> <div class="img-box fr"><img src="'+ el.thumbnail +'"></div> </a></li>';
+          html += '<li><a class="external" href="details.html?id='+el.id+'"> <div class="content fl"> <h5 class="elli">'+ el.title +'</h5> <div class="label"> <span class="fl" style="max-width: 30%;">'+ el.source +'</span> <span class="zixun_number"  style="max-width: 60%; padding-left:0.4rem">'+ el.page_views +'人阅读</span></div></div> <div class="img-box fr"><img src="'+ el.thumbnail +'"></div> </a></li>';
        });
        $$(id).append(html);
      }else if(res.errno == 40044){
@@ -66,11 +68,10 @@ var cate_id = '';
    });
  }
 var loading = true, page = 1;
-var cate_id = '',timer, index = 1;
+var cate_id = '推荐',timer, index = 1;
 getCategory('package_9');
 timer = setInterval( function(){
-    cate_id = $$('#nav li a.active').attr('data-label');
-    console.log(cate_id);
+//  cate_id = $$('#nav li a.active').attr('data-label');
     if (cate_id != '' && cate_id != null ) {clearInterval(timer); getList('package_9',cate_id, '#nav1'); }
 
     $$('.infinite-scroll').on('infinite', function () {
@@ -100,3 +101,12 @@ $$.post('http://d1.henhaojie.com/user/user/personalCenter', function (res) {
     $$('.toolbar .JS_login').attr('href', '/mine.html');
   }
 });
+
+$$('.external img').click(function () {
+	if(navigator.userAgent.match(/(iPhone|iPod|iPad);?/i)){
+		window.location.href='https://itunes.apple.com/cn/app/%E9%87%91%E7%89%9B%E8%AE%B0%E8%B4%A6/id1398141686?mt=8';
+	}
+	if(navigator.userAgent.match(/android/i)){
+		window.location.href='http://android.myapp.com/myapp/detail.htm?apkName=com.kuxuan.jinniunote&ADTAG=mobile';
+	}
+})