frame1.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
  10. <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
  11. <style>
  12. .border-none{
  13. text-align:center;
  14. }
  15. .border-none p{
  16. color:#999999;
  17. }
  18. .border-none-img{
  19. width: 1.3rem;
  20. height: 1.3rem;
  21. border-radius:50%;
  22. vertical-align:middle;
  23. }
  24. .setting-item{
  25. height: 1rem;
  26. line-height: 1rem;
  27. font-size: 0.28rem;
  28. width:100%;
  29. border-bottom:1px solid #e8e8e8;
  30. text-align:left;
  31. }
  32. .setting-item img{
  33. width: 0.28rem;
  34. vertical-align:middle;
  35. margin-bottom:3px;
  36. }
  37. .setting-item input{
  38. width:60%;
  39. border-bottom:none;
  40. }
  41. .hotel-info{
  42. width: 100%;
  43. height: 3.5rem;
  44. background: #D9251C;
  45. position:relative;
  46. }
  47. .section-hotel{
  48. border-top-right-radius: 0.2rem;
  49. border-top-left-radius: 0.2rem;
  50. background: #ffffff;
  51. /*height: 100%*/
  52. }
  53. .hotel-info-cnt img{
  54. width: 1.3rem;
  55. height: 1.3rem;
  56. border-radius: 50%;
  57. vertical-align:middle;
  58. }
  59. .hotel-info-cnt{
  60. padding: 1.1rem 0.45rem;
  61. height: 1.3rem;
  62. line-height: 1.3rem;
  63. }
  64. .store-name{
  65. color: #FFFFFF;
  66. padding-left: 0.3rem;
  67. font-size: 0.35rem;
  68. }
  69. </style>
  70. <script>
  71. (function(w, d, m) {
  72. function r() {
  73. var t = 100,
  74. o = 750,
  75. e = d.documentElement.clientWidth || w.innerWidth,
  76. n = m.max(m.min(e, 480), 320),
  77. h = 50;
  78. 320 >= n && (h = m.floor(n / o * t * .99)),
  79. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  80. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  81. n > 375 && (h = m.floor(n / o * t * .97)),
  82. d.querySelector("html").style.fontSize = h + "px"
  83. };
  84. r();
  85. w.onresize = function() {
  86. r()
  87. }
  88. })(window, document, Math);
  89. </script>
  90. </head>
  91. <body>
  92. <div class="topbar"></div>
  93. <div class="hotel-info">
  94. <div class="hotel-info-cnt">
  95. <img src="../../image/logo2.png" class="store-avatar" />
  96. <span class="store-name"></span>
  97. </div>
  98. </div>
  99. <section class="border-none section-hotel" style="">
  100. <div class="setting-item" id="about">
  101. 关于我们 <span style="float:right;color:#cccccc;" class="iconfont">&#xe62e;</span>
  102. </div>
  103. <div class="h50"></div>
  104. <div class="m-bottom" style="position: fixed;bottom: 0.5rem;width: 91.47%;">退出登录</div>
  105. </section>
  106. </body>
  107. <script type="text/javascript" src="../../script/api.js"></script>
  108. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  109. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  110. <script type="text/javascript">
  111. apiready = function() {
  112. setIosTopBar();
  113. getRouteData();
  114. api.addEventListener({
  115. name:'resume'
  116. }, function(ret, err){
  117. getRouteData();
  118. });
  119. api.addEventListener({
  120. name:'scrolltobottom'
  121. }, function(ret, err){
  122. getRouteData();
  123. });
  124. api.addEventListener({
  125. name:'online'
  126. }, function(ret, err){
  127. getRouteData();
  128. });
  129. };
  130. function getRouteData() {
  131. $.ajax({
  132. url: siteurl + 'v1/agent/info',
  133. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  134. dataType: 'json',
  135. type: 'post',
  136. success: function(datas) {
  137. if (datas.result) {
  138. // $(".store-avatar").attr("src", siteurl + "uploads/home/store/" + datas.store_id + "/" + datas.store_avatar);
  139. $(".store-name").html(datas.data.admin_name);
  140. } else {
  141. errcode(datas, datas.code);
  142. }
  143. }
  144. });
  145. }
  146. $("#about").on("tap", function() {
  147. api.openWin({
  148. name: 'about',
  149. url: '../my/about.html',
  150. bounces: false
  151. });
  152. return false;
  153. })
  154. $("#history").on("tap", function() {
  155. api.openWin({
  156. name: 'history',
  157. url: 'history.html',
  158. bounces: false
  159. });
  160. return false;
  161. })
  162. $("#feed-back").on("tap", function() {
  163. api.openWin({
  164. name: 'feedback',
  165. url: '../my/feedback.html',
  166. bounces: false
  167. });
  168. return false;
  169. })
  170. $(".m-bottom").on("tap", function() {
  171. api.confirm({
  172. title: '退出登录',
  173. msg: '是否要退出登录?',
  174. buttons: ['确定', '取消']
  175. }, function(ret, err) {
  176. var index = ret.buttonIndex;
  177. if (index == 1) {
  178. $api.rmStorage("storeid");
  179. $api.rmStorage("agent_id");
  180. $api.rmStorage("accesstoken");
  181. $api.rmStorage("memberid");
  182. api.openWin({
  183. name: 'login',
  184. url: '../../login.html',
  185. bounces: false
  186. });
  187. setTimeCloseWin("index");
  188. setTimeCloseWin("hotelindex");
  189. setTimeCloseWin("agentindex");
  190. api.closeWin();
  191. }
  192. });
  193. return false;
  194. })
  195. </script>
  196. </html>