index.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  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"><a href="javascript:;" url="{:url('adwords/edit',['id'=>$vo.id])}" class="action"><img src="{$vo.picture}" style="max-width:80px;" /></a></td>
  26. <td>{$vo.link|dehtml}</td>
  27. <td>
  28. {if $vo.open_type =='navigate'}保留并跳转到新页面{elseif $vo.open_type =='redirect'}关闭并跳转到新页面{else}关闭并跳转Tab页面{/if}
  29. </td>
  30. <td>{$vo.update_time|date='Y-m-d H:i'}</td>
  31. <td class="button-group fn-tac">
  32. <a class="button action" href="javascript:;" url="{:url('adwords/edit',array('id'=>$vo.id))}" title="编辑"><i class="iconfont icon-edit"></i>编辑</a>
  33. <a class="button isDel" url="{:url('adwords/delete',array('id'=>$vo.id))}" href="javascript:;" title="删除"><i class="iconfont icon-lajixiang"></i>删除</a>
  34. </td>
  35. </tr>
  36. {/foreach}
  37. </tbody>
  38. </table>
  39. </div>
  40. </div>
  41. <style type="text/css">
  42. .swiper-container {width: 100%;height:180px;}
  43. .swiper-container img{height: 100%;width: 100%;}
  44. .icons{text-align: center;line-height: 30px;font-size: 12px;}
  45. </style>
  46. <script id="{$group}" type="text/html">
  47. {switch $group}
  48. {case banner}
  49. <div class="swiper-container">
  50. <div class="swiper-wrapper">
  51. {foreach $lists as $vo}<div class="swiper-slide"><img src="{$vo.picture}" class="w100-100 action fn-cp" url="{:url('citys/adwords/edit',array('id'=>$vo.id))}"/></div>{/foreach}
  52. </div>
  53. <div class="swiper-pagination"></div>
  54. </div>
  55. {/case}
  56. {case icon}
  57. <div class="row mt5">
  58. {foreach $lists as $vo}
  59. <div class="col-20">
  60. <div class="icons fn-cp action" url="{:url('citys/adwords/edit',['id'=>$vo.id])}">
  61. <img src="{$vo.picture}" class="w100-70"/><p>{$vo.title}</p>
  62. </div>
  63. </div>
  64. {/foreach}
  65. </div>
  66. {/case}
  67. {default /}
  68. {foreach $lists as $vo}<img src="{$vo.picture}" class="w100-100 action fn-cp " url="{:url('citys/adwords/edit',['id'=>$vo.id])}"/> {/foreach}
  69. {/switch}
  70. </script>
  71. <script type="text/javascript">
  72. Do('base', 'layer','swiper','tpl',function () {
  73. $(".miniapp_body").html(template('{$group}'));
  74. var mySwiper = new Swiper ('.swiper-container',{loop: true,autoplay:true,pagination: {el: '.swiper-pagination'}})
  75. $('.action').win({reload:1,area: ['650px', '450px']});
  76. $('.isDel').isDel();
  77. sort("{:url('adwords/sort')}");
  78. })
  79. </script>