index.html 4.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. <div class="wechat_box">
  2. <div class="miniapp">
  3. <div class="miniapp_title">{$member_miniapp.appname}</div>
  4. <div class="miniapp_body"></div>
  5. </div>
  6. <div class="wechat_lists">
  7. <div id="actionbar">
  8. <button url="{:url('adwords/edit',['group' => $group])}" class="button button-blue action"> <i class="iconfont icon-add_icon"></i>新增内容</button>
  9. </div>
  10. <table class="table">
  11. <thead>
  12. <tr>
  13. <th class="w60 fn-tac">排序</th>
  14. <th class="w90 fn-tac">内容</th>
  15. <th>链接地址</th>
  16. <th class="w200">打开方式</th>
  17. <th class="w140">更新时间</th>
  18. <th class="w160 fn-tac">操作</th>
  19. </tr>
  20. </thead>
  21. <tbody>
  22. {foreach $lists as $vo}
  23. <tr>
  24. <td class="fn-tac"><input name="sort" class="fn-tac w40 input input-mini" type="text" value="{$vo['sort']}" id="{$vo.id}" /></td>
  25. <td class="fn-tac">
  26. <a href="javascript:;" url="{:url('adwords/edit',['id'=>$vo.id])}" class="action"><img src="{$vo.picture}" style="max-width:60px;" /></a>
  27. </td>
  28. <td>{$vo.title}<p class="gray">{$vo.link|dehtml}</p></td>
  29. <td>
  30. {if $vo.open_type =='navigate'}保留并跳转到新页面{elseif $vo.open_type =='redirect'}关闭并跳转到新页面{else}关闭并跳转Tab页面{/if}
  31. </td>
  32. <td>{$vo.update_time|date='Y-m-d H:i'}</td>
  33. <td class="button-group fn-tac">
  34. <a class="button action" href="javascript:;" url="{:url('adwords/edit',array('id'=>$vo.id))}" title="编辑"><i class="iconfont icon-edit"></i>编辑</a>
  35. <a class="button isDel" url="{:url('adwords/delete',array('id'=>$vo.id))}" href="javascript:;" title="删除"><i class="iconfont icon-lajixiang"></i>删除</a>
  36. </td>
  37. </tr>
  38. {/foreach}
  39. </tbody>
  40. </table>
  41. </div>
  42. </div>
  43. <style type="text/css">
  44. .swiper-container {width: 100%;height:140px;}
  45. .swiper-container img{height: 100%;width: 100%;}
  46. .icons{text-align: center;line-height: 30px;font-size: 12px;}
  47. </style>
  48. <script id="{$group}" type="text/html">
  49. {switch $group}
  50. {case index}
  51. <div class="swiper-container">
  52. <div class="swiper-wrapper">
  53. {foreach $lists as $vo}<div class="swiper-slide"><img src="{$vo.picture}" class="w100-100 action fn-cp" url="{:url('adwords/edit',array('id'=>$vo.id))}"/></div>{/foreach}
  54. </div>
  55. <div class="swiper-pagination"></div>
  56. </div>
  57. {/case}
  58. {case vip}
  59. <div class="row mt5">
  60. {foreach $lists as $vo}
  61. <div class="col-20">
  62. <div class="icons fn-cp action" url="{:url('adwords/edit',['id'=>$vo.id])}">
  63. <img src="{$vo.picture}" class="w100-70"/><p>{$vo.title}</p>
  64. </div>
  65. </div>
  66. {/foreach}
  67. </div>
  68. {/case}
  69. {case user}
  70. <div class="row mt5">
  71. {foreach $lists as $vo}
  72. <div class="col-20"><div class="icons fn-cp action" url="{:url('adwords/edit',['id'=>$vo.id])}"><img src="{$vo.picture}" class="w100-70"/><p>{$vo.title}</p></div></div>
  73. {/foreach}
  74. </div>
  75. {/case}
  76. {case icon}
  77. <div class="row mt5">
  78. {foreach $lists as $vo}
  79. <div class="col-20">
  80. <div class="icons fn-cp action" url="{:url('adwords/edit',['id'=>$vo.id])}">
  81. <img src="{$vo.picture}" class="w100-70"/><p>{$vo.title}</p>
  82. </div>
  83. </div>
  84. {/foreach}
  85. </div>
  86. {/case}
  87. {case info}
  88. <div class="swiper-container">
  89. <div class="swiper-wrapper">
  90. {foreach $lists as $vo}<div class="swiper-slide"><img src="{$vo.picture}" class="w100-100 action fn-cp" url="{:url('adwords/edit',array('id'=>$vo.id))}"/></div>{/foreach}
  91. </div>
  92. <div class="swiper-pagination"></div>
  93. </div>
  94. {/case}
  95. {default /}
  96. {foreach $lists as $vo}<img src="{$vo.picture}" class="w100-100 action fn-cp " url="{:url('adwords/edit',['id'=>$vo.id])}"/> {/foreach}
  97. {/switch}
  98. </script>
  99. <script type="text/javascript">
  100. Do('base', 'layer','swiper','tpl',function () {
  101. $(".miniapp_body").html(template('{$group}'));
  102. var mySwiper = new Swiper ('.swiper-container',{loop: true,autoplay:true,pagination: {el: '.swiper-pagination'}})
  103. $('.action').win({reload:1,area: ['650px', '450px']});
  104. $('.isDel').isDel();
  105. sort("{:url('adwords/sort')}");
  106. })
  107. </script>