cell6.html 2.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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. });
  14. </script>
  15. </head>
  16. <body ontouchstart style="background-color: #f8f8f8;">
  17. <div id="content"></div>
  18. <script>
  19. var data={
  20. txt:"登鹳雀楼",
  21. list:[
  22. "白日依山尽",
  23. "黄河入海流",
  24. "欲群千里目",
  25. "更上一层楼"
  26. ]
  27. }
  28. var tplHTML=' <div class="weui_cells_title"><%=txt%></div>'+
  29. '<div class="weui_cells">'+
  30. '<% for(var i=0;i<list.length;i++){ %><div class="weui_cell">'+
  31. '<div class="weui_cell_bd weui_cell_primary">'+
  32. '<p><%=list[i]%></p>'+
  33. '</div></div><% } %></div> ';
  34. var dest=tpl(tplHTML,data);
  35. $("#content").html(dest);
  36. </script>
  37. <div id="content1"></div>
  38. <script id="tpl" type="text/html">
  39. <div class="weui_cells_title"><%=title%></div>
  40. <div class="weui_cells">
  41. <% for (var i = 0; i < list.length; i ++) { %>
  42. <div class="weui_cell">
  43. <div class="weui_cell_bd weui_cell_primary">
  44. <p><%= i + 1 %> :<%=list[i] %>
  45. <%=this.title1||'不存在则输出'%>
  46. <%= (this.t!=undefined)?"存在":"不存在"%>
  47. </p>
  48. </div>
  49. </div>
  50. <% } %>
  51. <div class="weui_cell">
  52. <div class="weui_cell_bd weui_cell_primary">
  53. <p>
  54. <input class="weui_input" type="text" value="<%=tm%>">
  55. <%=tm%>
  56. </p>
  57. </div>
  58. </div>
  59. </div>
  60. </script>
  61. <script>
  62. var data1 = {
  63. title: '你最喜欢的电影是什么?',
  64. list: ['疯狂动物城', '肖申克的救赎', '星球大战', '拯救大兵瑞恩'],
  65. tm:"2016-12-01 12:45"
  66. };
  67. var tplx = document.getElementById('tpl').innerHTML;
  68. var desc1=tpl(tplx,data1);
  69. document.getElementById('content1').innerHTML = desc1;
  70. </script>
  71. </body>
  72. </html>