index.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  6. <meta name="apple-mobile-web-app-capable" content="yes">
  7. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  8. <title>soodo上朵</title>
  9. <link rel="stylesheet" type="text/css" href="css/mui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="css/swiper.min.css" />
  11. <link rel="stylesheet" type="text/css" href="css/iconfont.css" />
  12. <link rel="stylesheet" type="text/css" href="css/main.css" />
  13. <style>
  14. .color_a {
  15. color: #000000;
  16. }
  17. .color_a:hover {
  18. color: #000000;
  19. }
  20. </style>
  21. </head>
  22. <body>
  23. <!--底部菜单开始-->
  24. <footer class="mui-bar mui-bar-tab" id="footer-bar-tab">
  25. <a class="mui-tab-item mui-active">
  26. <span class="iconfont icon-shouye"></span>
  27. <span class="mui-tab-label">首页</span>
  28. </a>
  29. <a class="mui-tab-item">
  30. <span class="iconfont icon-liebiao"></span>
  31. <span class="mui-tab-label">列表</span>
  32. </a>
  33. <a class="mui-tab-item">
  34. <span class="iconfont icon-gouwuche"></span>
  35. <span class="mui-tab-label">购物车</span>
  36. </a>
  37. <a class="mui-tab-item">
  38. <span class="iconfont icon-huiyuan"></span>
  39. <span class="mui-tab-label">会员</span>
  40. </a>
  41. </footer>
  42. <!--底部菜单结束-->
  43. <!--内容开始-->
  44. <div class="mui-content">
  45. <header class="header">
  46. <!--头部选项卡-->
  47. <div id="index-top-menu" class="mui-segmented-control">
  48. <!--(默认选中哪个就加上mui-active),其他不加-->
  49. <a class="mui-control-item mui-active" href="#item1">soodo上朵</a>
  50. <a class="mui-control-item" href="#item2">会员专区</a>
  51. <!--<a class="mui-control-item" href="#item3">刷头</a>-->
  52. </div>
  53. </header>
  54. <!--选项卡item1显示区域(默认选中哪个就加上mui-active),其他不加-->
  55. <div id="item1" class="mui-control-content mui-active">
  56. <div class="banner-box">
  57. <!--banner开始-->
  58. <div id="slider" class="mui-slider">
  59. <div class="mui-slider-group mui-slider-loop">
  60. <!-- 额外增加的一个节点(循环轮播:第一个节点是最后一张轮播) -->
  61. <div class="mui-slider-item mui-slider-item-duplicate">
  62. <a>
  63. <img src="images/index_shuatou_2.png">
  64. </a>
  65. </div>
  66. <!-- 第一张 -->
  67. <div class="mui-slider-item">
  68. <a>
  69. <img src="images/banner-1.jpg">
  70. </a>
  71. </div>
  72. <!-- 额外增加的一个节点(循环轮播:最后一个节点是第一张轮播) -->
  73. <div class="mui-slider-item mui-slider-item-duplicate">
  74. <a>
  75. <img src="images/banner-1.jpg">
  76. </a>
  77. </div>
  78. </div>
  79. <!--轮播图下面的点(和轮播图数量一致)-->
  80. <div class="mui-slider-indicator my-slider-indicator">
  81. <div class="mui-indicator mui-active"></div>
  82. <div class="mui-indicator"></div>
  83. <div class="mui-indicator"></div>
  84. </div>
  85. </div>
  86. <!--banner结束-->
  87. <div class="index-banner" style="display: none;"></div>
  88. </div>
  89. </div>
  90. <!--选项卡item2显示区域-->
  91. <!--选项卡item3显示区域-->
  92. <div id="item3" class="mui-control-content">
  93. </div>
  94. </div>
  95. <!--内容结束-->
  96. <!--春节放假通知-->
  97. <!--<div class="year-dalog"></div>-->
  98. <!-- 加载ing begin-->
  99. <div class="loading covers">
  100. <div class="loading-bj"></div>
  101. <p>正在加载...</p>
  102. </div>
  103. <!-- 加载ing end -->
  104. <script src="js/mui.min.js"></script>
  105. <script src="js/jquery-2.1.1.min.js"></script>
  106. <script src="js/swiper.min.js"></script>
  107. <script src="js/main.js"></script>
  108. <!--<script src="js/wechat-utils-1.0.js"></script>-->
  109. <script>
  110. window.addEventListener('pageshow', function(e) {
  111. // 通过persisted属性判断是否存在 BF Cache
  112. if(e.persisted) {
  113. location.reload();
  114. }
  115. });
  116. // var clickdate = JSON.parse(localStorage.getItem('clickdate'));
  117. //ready事件
  118. mui.ready(function() {
  119. $.ajax(base_path +'/wechat/getTest/test?dates=' + new Date().getTime(), {
  120. data: {},
  121. dataType: 'json',
  122. xhrFields: {
  123. withCredentials: true
  124. },
  125. crossDomain: true,
  126. type: 'get',
  127. timeout: 15000,
  128. success: function(dt) {
  129. if(dt.isRedirect) {
  130. location.href = dt.redirectURL;
  131. } else {
  132. if(dt.status) {
  133. console.log(dt)
  134. }
  135. }
  136. },
  137. error: function(xhr, type, errorThrown) {
  138. console.log(xhr);
  139. mui.alert("获取数据失败!网络错误");
  140. }
  141. });
  142. $(".loading").hide().css("opacity", "0"); //隐藏(正在加载...)
  143. });
  144. </script>
  145. </body>
  146. </html>