appUpdateList.html 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="../css/mui.min.css" rel="stylesheet" />
  8. <link href="../css/common.css" rel="stylesheet" />
  9. <style type="text/css">
  10. body,
  11. .mui-content {
  12. height: 100%;
  13. background: #fff;
  14. }
  15. .mui-content>.mui-table-view:first-child {
  16. margin-top: 0;
  17. }
  18. </style>
  19. </head>
  20. <body>
  21. <header class="mui-bar mui-bar-nav">
  22. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  23. <h1 class="mui-title">更新历史记录</h1>
  24. </header>
  25. <div class="mui-content">
  26. <ul class="mui-table-view" id="updataList">
  27. <!--<li class="mui-table-view-cell">
  28. <a class="mui-navigate-right">
  29. <div>版本1.1.1主要更新</div>
  30. <p>2017/11/23 10:23:00</p>
  31. </a>
  32. </li>-->
  33. </ul>
  34. </div>
  35. <script src="../js/jquery-2.1.0.js"></script>
  36. <script src="../js/mui.min.js"></script>
  37. <script type="text/javascript">
  38. mui.init();
  39. mui.ajax('http://120.27.222.26/edition_all', {
  40. data: {
  41. },
  42. dataType: 'json', //服务器返回json格式数据
  43. type: 'post', //HTTP请求类型
  44. timeout: 10000, //超时时间设置为10秒;
  45. success: function(data) {
  46. var html = '';
  47. if(data.length){
  48. for(var i = 0;i<data.length;i++){
  49. html += '<li class="mui-table-view-cell" data-msg='+data[i].edition_desc+'><a class="mui-navigate-right">'+
  50. '<div>版本'+data[i].edition_num+'主要更新</div><p>'+data[i].upl_time+'</p></a></li>';
  51. }
  52. }else{
  53. html += '<li class="mui-table-view-cell">暂无数据</li>';
  54. }
  55. $('#updataList').html(html);
  56. },
  57. error: function(xhr, type, errorThrown) {
  58. console.log(type)
  59. }
  60. });
  61. mui('#updataList').on('tap', 'li', function() {
  62. var msg = $(this).data('msg');
  63. mui.openWindow({
  64. url:'appUpdateDetail.html',
  65. id:'appUpdateDetail',
  66. extras: {
  67. msg: msg
  68. },
  69. })
  70. })
  71. </script>
  72. </body>
  73. </html>