Ei kuvausta
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

mobile_tpl.htm 3.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. <script type="text/javascript">
  6. var eyou_basefile = "{$Request.baseFile}";
  7. var web_adminbasefile = "{$web_adminbasefile}";
  8. var module_name = "{$Think.const.MODULE_NAME}";
  9. var GetUploadify_url = "{:url('Uploadify/upload')}";
  10. var __root_dir__ = "__ROOT_DIR__";
  11. var __lang__ = "{$lang}";
  12. var v = "mobile";
  13. var __urltypeid__ = {$tid|default='0'};
  14. var __urlaid__ = {$aid|default='0'};
  15. var __iframe__ = {$iframe|default='1'};
  16. </script>
  17. </head>
  18. <body>
  19. <style>
  20. body{ background-color: #f4f4f4;}
  21. .admincp-container {
  22. background-color: transparent;
  23. height: 100%;
  24. position: relative;
  25. z-index: 4;
  26. }
  27. .scroll-wrapper {
  28. margin: 0 auto;
  29. width: 373px;
  30. height: 100%;
  31. /*-webkit-overflow-scrolling: touch; */
  32. overflow-y: auto;
  33. }
  34. .eycms_container_left{ width:450px; position:relative; z-index:99;height:100%;font-size:14px; }
  35. .admincp-container-right {
  36. position: fixed;
  37. z-index: 1;
  38. top: 0px;
  39. right: 0;
  40. bottom: 0;
  41. left: 460px;
  42. width: 0;
  43. height: 100%;
  44. overflow: hidden;
  45. transition: width 0.2s ease-in;
  46. }
  47. .admincp-container-right.right-show{
  48. width: calc(100% - 460px);
  49. }
  50. .admincp-container-right .content{
  51. box-sizing: content-box;
  52. margin: 20px;
  53. padding:10px 20px;
  54. display: block;
  55. background-color: #fff;
  56. box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
  57. -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
  58. border-radius: 10px;
  59. }
  60. .phone-box{
  61. margin-top: 30px;
  62. margin-left: 25px;
  63. padding-top: 58px;
  64. position: relative;
  65. width: 431px;
  66. height: 769px;
  67. background: url(__STATIC__/common/images/phone_bg.png) no-repeat;
  68. }
  69. .phone-box-inner{
  70. width: 375px;
  71. height: 686px;
  72. overflow: hidden;
  73. }
  74. </style>
  75. <div class="admincp-container unfold">
  76. <div class="eycms_container_left">
  77. <div class="phone-box">
  78. <div class="scroll-wrapper">
  79. <iframe src="{$murl}" id="workspace" name="workspace" style="overflow-y: auto; border-radius: 0 0 40px 40px;" frameborder="0" width="100%" height="686" scrolling="yes"></iframe>
  80. </div>
  81. </div>
  82. </div>
  83. <div class="admincp-container-right">
  84. <div class="content">
  85. <iframe src="" id="workspace_right" name="workspace_right" style="overflow-y: auto" frameborder="0" width="100%" height="800" scrolling="yes"></iframe>
  86. </div>
  87. </div>
  88. </div>
  89. {load href="__STATIC__/common/js/jquery.min.js" /}
  90. {load href="__PUBLIC__/plugins/layer-v3.1.0/layer.js" /}
  91. {load href="__STATIC__/common/js/eyou_mobile_tpl.js" /}
  92. </body>
  93. </html>