index.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="renderer" content="webkit">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <title>{$web.name} - {$web.title}</title>
  8. {load href="__PUBLIC__/base/base.css,__PUBLIC__/admin/frame.css,__PUBLIC__/js/do.js,__PUBLIC__/js/package.js" /}
  9. <script src="__PUBLIC__/base/iconfont.js"></script>
  10. </head>
  11. <body>
  12. <div id="header">
  13. <div class="logo"></div>
  14. <div class="toolbar"><ul>
  15. <li class="app focus" id="system"><i class="iconfont icon-classify_icon"></i>平台管理</li>
  16. <li class="app" id="systemcms"><i class="iconfont icon-computer_icon"></i>网站管理</li>
  17. {if !empty($miniapp)}
  18. <li class="app" id="{$miniapp.wechat}"><i class="iconfont icon-yingyongyuanma"></i>{$miniapp.name}</li>
  19. {/if}
  20. </ul>
  21. </div>
  22. <div class="spacer">
  23. <ul>
  24. <a href="//www.yueyouhudong.com"><li class="shortcut" tip="悦游互动官网"><i class="iconfont icon-home_icon"></i>官网</li></a>
  25. <li class="user focus" rel="layer" tip="退出管理"><i class="iconfont icon-my_icon"></i>用户</li>
  26. </ul>
  27. </div>
  28. </div>
  29. <div id="nav"></div>
  30. <div id="main"><iframe id="iframe" name="iframe" src="{:url('system/admin.miniapp/authorizar')}" frameborder="0"></iframe></div>
  31. <div id="layer">
  32. <div class="item divider password fn-cp"><a href="{:url('system/admin.user/password')}" target="iframe"><i class="iconfont icon-xiugaidenglumima"></i> 修改密码</a></div>
  33. <div class="item"><a href="{:url('system/admin.index/logout')}" target="_top"><i class="iconfont icon-shutdown_icon"></i> 退出管理</a></div>
  34. </div>
  35. <script id="navtpl" type="text/html">
  36. {{each list value}}
  37. <dl><dt><i class="iconfont icon-{{value.icon}}"></i><i class="iconfont icon-arrowdown"></i>{{value.name}}</dt>
  38. {literal}
  39. {{each value.nav rs}}<dd><a href="{{value.host}}{{rs.url}}" target="iframe"><i class="iconfont icon-{{if rs.icon}}{{rs.icon}}{{else}}arrowright{{/if}}"></i>{{rs.name}}</a></dd>{{/each}}
  40. {/literal}
  41. </dl>
  42. {{/each}}
  43. </script>
  44. <script type = "text/javascript">
  45. Do('base','layer','tip','tpl',function(){
  46. $(".shortcut").powerFloat({showDelay: 100,hoverHold: false,targetMode: "tip",targetAttr: "tip",position: "4-1"});
  47. $(".user").powerFloat({eventType:"hover",targetMode:'common',targetAttr:"rel",position:"4-1"});
  48. $(".app").click(function(){
  49. nav($(this).attr("id"),"{:url('system/admin.index/appmenu')}");
  50. });
  51. nav($('.toolbar>ul>li:first').attr('id'),"{:url('system/admin.index/appmenu')}")
  52. });
  53. function nav(app,url) {
  54. $(".app").click(function (){
  55. $(".app").removeClass("focus");$(this).addClass("focus");
  56. });
  57. $.getJSON(url,{app:app},function (data) {
  58. $("#nav").html(template('navtpl',{list:data}));
  59. $("#nav dd").hide();
  60. $("#nav dl:first").find('dd').show();
  61. $("#nav dt").click(function(){
  62. $("#nav dd").hide("fast");
  63. $(this).parent().find('dd').slideToggle('fast');
  64. });
  65. $("dd").click(function (){$("dd").removeClass("focus");$(this).addClass('focus');});
  66. });
  67. }
  68. </script>
  69. </body>
  70. </html>