yundong-view.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>运动</title>
  6. <meta name="author" content="yihu.com"/>
  7. <meta name="format-detection" content="telephone=no"/>
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
  10. <meta name="apple-mobile-web-app-capable" content="yes"/>
  11. <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
  12. <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
  13. <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css">
  14. <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
  15. <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css" />
  16. <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
  17. <link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
  18. <link rel="stylesheet" type="text/css" href="../css/xuetang-view.css" />
  19. <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
  20. <link rel="stylesheet" type="text/css" href="../css/health-record-info.css"/>
  21. <link rel="stylesheet" type="text/css" href="../css/health-record.css?11=11" />
  22. <style type="text/css">
  23. .swiper-container{
  24. overflow: inherit;
  25. padding-bottom: 53px;
  26. }
  27. .c-time{
  28. width: 100%;
  29. padding: 10px 0 10px 0;
  30. color: #323232;
  31. font-size: 12px;
  32. text-align: center;
  33. background: #fff;
  34. }
  35. #wrapper6{
  36. position: fixed;
  37. width: 100%;
  38. top: 91px;
  39. bottom: 0;
  40. overflow: hidden;
  41. padding-bottom: 70px;
  42. }
  43. .xy-ssj{
  44. flex: 2;
  45. }
  46. .iScroller{
  47. padding-bottom: 70px;
  48. }
  49. </style>
  50. </head>
  51. <body>
  52. <div class="c-les-hold pt15">
  53. <div class="c-les-div bgc-f3f3f3 plr10">
  54. <ul id="viewTabs" class="c-lab-les c-radius-8 c-f15 bgc-fff">
  55. <li class="curr"><a href="javascript:;">列表</a></li>
  56. </ul>
  57. </div>
  58. </div>
  59. <!--趋势图-->
  60. <ul class="xy-list">
  61. <li class="xy-list-tit">
  62. <div class="xy-ssj">时间</div>
  63. <div class="xy-ssy">时长</div>
  64. <div class="xy-ssy">运动强度</div>
  65. <div class="xy-ssy">具体运动</div>
  66. </li>
  67. </ul>
  68. <div id="wrapper6">
  69. <div class="iScroller">
  70. <ul class="xy-list xy-list-con" id="liebiaoView">
  71. <!--列表-->
  72. </ul>
  73. </div>
  74. </div>
  75. <!--列表-->
  76. <div class="btns" style="display: none;">
  77. <a class="cancel-btn" href="javascript:;">取消</a>
  78. <a class="ok-btn" href="javascript:;">完成</a>
  79. </div>
  80. <div class="xt-edit">
  81. <a href="javascript:;">编辑</a>
  82. </div>
  83. <div class="xt-add">
  84. <a href="add-sport-record.html">添加</a>
  85. </div>
  86. <div class="pop-main"></div>
  87. <div class="pop-btns">
  88. <div class="pop-btn pop-edit-btn" data-id="" data-type="" data-time="" data-val="">修改</div>
  89. <div class="pop-btn pop-del-btn">删除</div>
  90. <div class="pop-btn pop-cancel-btn">取消</div>
  91. </div>
  92. <script type="text/html" id="xyTmp">
  93. {{each data as o}}
  94. <li class="xy-item l-item" data-id="{{o.id}}" data-date="{{o.record_date}}" data-time="{{o.sports_time}}" data-type="{{o.sports_type}}" data-sports="{{o.sports}}">
  95. <div class="l-edit-icon"></div>
  96. <div class="xy-ssj">{{o.record_date}}</div>
  97. <div class="xy-ssy">{{o.sports_time}}</div>
  98. <div class="xy-ssy">{{o.sports_type}}</div>
  99. <div class="xy-ssy">{{o.sports}}</div>
  100. </li>
  101. {{/each}}
  102. </script>
  103. <script type="text/javascript" src="../../../js/mui.min.js"></script>
  104. <script type="text/javascript" src="../../../js/app.js"></script>
  105. <script src="../../../js/template.js" type="text/javascript" charset="utf-8"></script>
  106. <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
  107. <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
  108. <script type="text/javascript" src="../../../js/common_http.js"></script>
  109. <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  110. <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
  111. <script src="../../../js/iscroll-probe.js"></script>
  112. <script src="../../../js/iscroll-pull-up-down.js"></script>
  113. <script src="../../../js/underscore.js" type="text/javascript" charset="utf-8"></script>
  114. <script src="../../../js/family-members.js"></script>
  115. <script type="text/javascript" src="../js/health-index.js?v=1.3.4"></script>
  116. <script type="text/javascript" src="../js/health-chart.js"></script>
  117. <script type="text/javascript" src="../js/yundong-view.js?v=1.3.7"></script>
  118. </body>
  119. </html>