help_list.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  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. <style type="text/css">
  9. body,
  10. .mui-content {
  11. background: #fff;
  12. }
  13. .mui-card-header.mui-card-media .mui-media-body {
  14. margin-left: 8px;
  15. }
  16. .mui-card-footer:before,
  17. .mui-card-header:after {
  18. background: transparent;
  19. }
  20. .mui-card-content-inner img {
  21. width: 48%;
  22. }
  23. .mui-card-header .mui-icon-chatboxes {
  24. color: #777;
  25. }
  26. .mui-card-content:after {
  27. position: absolute;
  28. bottom: 0;
  29. right: 0;
  30. left: 0;
  31. height: 1px;
  32. content: '';
  33. -webkit-transform: scaleY(.5);
  34. transform: scaleY(.5);
  35. background-color: #c8c7cc;
  36. }
  37. </style>
  38. </head>
  39. <body>
  40. <div class="mui-content">
  41. <div class="mui-card-header mui-card-media">
  42. <img src="../img/logo.png">
  43. <div class="mui-media-body mui-pull-left">
  44. 小M
  45. <p>发表于 2016-06-30 15:30</p>
  46. </div>
  47. <a class="mui-icon mui-icon-chatboxes mui-pull-right"></a>
  48. </div>
  49. <div class="mui-card-content">
  50. <div class="mui-card-content-inner">
  51. <div>
  52. 包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作(比如点赞、评论等)
  53. </div>
  54. <img src="../images/cbd.jpg" />
  55. <img src="../images/cbd.jpg" />
  56. </div>
  57. </div>
  58. <div class="mui-card-header mui-card-media">
  59. <img src="../img/logo.png">
  60. <div class="mui-media-body mui-pull-left">
  61. 小M
  62. <p>发表于 2016-06-30 15:30</p>
  63. </div>
  64. <a class="mui-icon mui-icon-chatboxes mui-pull-right"></a>
  65. </div>
  66. <div class="mui-card-content">
  67. <div class="mui-card-content-inner">
  68. <div>
  69. 包含页眉页脚的卡片,页眉常用来显示面板标题,页脚用来显示额外信息或支持的操作(比如点赞、评论等)
  70. </div>
  71. <img src="../images/loginBj.jpg" />
  72. </div>
  73. </div>
  74. </div>
  75. <script src="../js/mui.min.js"></script>
  76. <script type="text/javascript">
  77. mui.init();
  78. mui(".mui-card-header").on("tap", "a", function(e) {
  79. mui.openWindow({
  80. url:'help_detail.html',
  81. id:'help_detail'
  82. })
  83. })
  84. </script>
  85. </body>
  86. </html>