Nav apraksta

zixun.html 3.4KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=0.5, maximum-scale=0.5, user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta content="yes" name="apple-touch-fullscreen">
  8. <meta content="telephone=no,email=no" name="format-detection">
  9. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  10. <meta content="maximum-dpr=2" name="flexible">
  11. <meta content="modeName=750-12" name="grid">
  12. <script src="js/flexible.js"></script>
  13. <title>首页</title>
  14. <link rel="stylesheet" href="css/framework7.ios.min.css?v=1">
  15. <link rel="stylesheet" href="css/app.css?v=1">
  16. <link rel="stylesheet" href="css/index.css?v=1">
  17. </head>
  18. <body class="framework7-root" style="font-size: 24px;">
  19. <div class="views">
  20. <div class="view view-main" data-page="index">
  21. <!--<div class="navbar">
  22. <div class="navbar-inner"> <div class="left"></div> <div class="center sliding" style="left: 0px;">首页</div> <div class="right"></div> </div>
  23. </div>-->
  24. <div class="pages navbar-through toolbar-through">
  25. <div data-page="index" class="page">
  26. <div class="page-content infinite-scroll">
  27. <!--<div class="swiper-container"> <div class="swiper-wrapper"><div class="swiper-slide"><a class="external" href="details.html?id=109"><img src="img/banner.png"></a></div></div></div>-->
  28. <div class="swiper-container"> <div class="swiper-wrapper"><div class="swiper-slide"><a class="external" href="javascript:void(0)"><img src="img/banner.png"></a></div></div></div>
  29. <!--<ul id="nav"><li><a data-label="推荐" href="#nav1" class="tab-link active">推荐</a></li><li><a data-label="热点" href="#nav2" class="tab-link">热点</a></li></ul>-->
  30. <div id="list" class="tabs list-block">
  31. <ul id="nav1" class="tab active">
  32. <li>
  33. <a class="external" href="details.html?id=223">
  34. <div class="content fl">
  35. <h5 class="elli">巴菲特投资成功的真正秘诀在哪里?</h5>
  36. <div class="label">
  37. <span class="fl" style="max-width: 30%;">理财资讯</span>
  38. <span class="zixun_number" style="max-width: 60%;">10425</span>
  39. </div>
  40. </div>
  41. <div class="img-box fr">
  42. <img src="http://img.henhaojie.com/Uploads/20170926/1506413717237217.jpg">
  43. </div>
  44. </a>
  45. </li>
  46. </ul>
  47. <ul id="nav2" class="tab"></ul>
  48. </div>
  49. </div>
  50. <!-- <div class="page-content infinite-scroll">
  51. <div class="list-block">
  52. <ul>
  53. </ul>
  54. </div>
  55. <div class="infinite-scroll-preloader">
  56. <div class="preloader"></div>
  57. </div>
  58. </div> -->
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <script type="text/javascript" src="js/framework7.min.js?v=1"></script>
  64. <script type="text/javascript" src="js/app.js?v=1"></script>
  65. </body>
  66. </html>