cell3.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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,user-scalable=0">
  7. <link rel="stylesheet" href="../style/weui.css"/>
  8. <link rel="stylesheet" href="../style/weui2.css"/>
  9. <link rel="stylesheet" href="../style/weui3.css"/>
  10. <script src="../zepto.min.js"></script>
  11. <script>
  12. $(function(){
  13. $('img').attr('src','data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAMAAABgZ9sFAAAAVFBMVEXx8fHMzMzr6+vn5+fv7+/t7e3d3d2+vr7W1tbHx8eysrKdnZ3p6enk5OTR0dG7u7u3t7ejo6PY2Njh4eHf39/T09PExMSvr6+goKCqqqqnp6e4uLgcLY/OAAAAnklEQVRIx+3RSRLDIAxE0QYhAbGZPNu5/z0zrXHiqiz5W72FqhqtVuuXAl3iOV7iPV/iSsAqZa9BS7YOmMXnNNX4TWGxRMn3R6SxRNgy0bzXOW8EBO8SAClsPdB3psqlvG+Lw7ONXg/pTld52BjgSSkA3PV2OOemjIDcZQWgVvONw60q7sIpR38EnHPSMDQ4MjDjLPozhAkGrVbr/z0ANjAF4AcbXmYAAAAASUVORK5CYII=');
  14. $('.weui-comment-icon').click(function(){
  15. if($(this).parent().hasClass('checked')){
  16. $(this).parent().removeClass('checked');
  17. var val = $(this).next().html();
  18. $(this).next().html(parseInt(val)-1);
  19. }else{
  20. $(this).parent().addClass('checked');
  21. var val = $(this).next().html();
  22. $(this).next().html(parseInt(val)+1);
  23. }
  24. });
  25. });
  26. </script>
  27. </head>
  28. <body ontouchstart class="page-bg">
  29. <div class="page-hd">
  30. <h1 class="page-hd-title">
  31. 分页
  32. </h1>
  33. <p class="page-hd-desc"></p>
  34. </div>
  35. <div class="page-bd-15">
  36. <div class='pager'>
  37. <div class="pager-left">
  38. <div class="pager-first"><a class="pager-nav">首页</a></div>
  39. <div class="pager-pre"><a class="pager-nav">上一页</a></div>
  40. </div>
  41. <div class="pager-cen">1/120</div>
  42. <div class="pager-right">
  43. <div class="pager-next"><a class="pager-nav">下一页</a></div>
  44. <div class="pager-end"><a class="pager-nav">尾页</a></div>
  45. </div>
  46. </div>
  47. <div class="weui_cells_title">留言</div>
  48. <ul class="weui-comment">
  49. <li class="weui-comment-item">
  50. <div class="weui-comment-li"> <span class="check checked"> <i class="weui-comment-icon"></i> <span class="weui-comment-num">11</span> </span> </div> <div class="userinfo"> <strong class="nickname">张飞</strong> <img class="avatar" src=""> </div> <div class="weui-comment-msg"> <span class="status"></span> 沙发 </div> <p class="time">昨天 </p>
  51. <div class="weui-comment-reply"> <div class="nickname">刘备回复</div> <div class="weui-comment-msg"> 来看我啦~ </div> <p class="time">今天早上</p> </div>
  52. </li>
  53. <li class="weui-comment-item">
  54. <div class="weui-comment-li"> <span class="check"> <i class="weui-comment-icon"></i> <span class="weui-comment-num">0</span> </span> </div> <div class="userinfo"> <strong class="nickname">关羽</strong> <img class="avatar" src=""> </div> <div class="weui-comment-msg"> <span class="status"></span> 板凳 </div> <p class="time">未来时间 </p> </li>
  55. <li class="weui-comment-item">
  56. <div class="weui-comment-li"> <span class="check checked"> <i class="weui-comment-icon"></i> <span class="weui-comment-num">999</span> </span> </div> <div class="userinfo"> <strong class="nickname">刘备</strong> <img class="avatar" src=""> </div> <div class="weui-comment-msg"> <span class="status"></span> 居然没抢到沙发 </div> <p class="time">未来时间 </p> </li>
  57. </ul>
  58. </div>
  59. </body>
  60. </html>