frame3.html 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  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/head.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="history">
  101. 历史消息 <span style="float:right;color:#cccccc;" class="iconfont">&#xe62e;</span>
  102. </div>
  103. <div class="setting-item" id="about">
  104. 关于我们 <span style="float:right;color:#cccccc;" class="iconfont">&#xe62e;</span>
  105. </div>
  106. <div class="setting-item" id="feed-back">
  107. 意见反馈 <span style="float:right;color:#cccccc;" class="iconfont">&#xe62e;</span>
  108. </div>
  109. <div class="h50"></div>
  110. <div class="m-bottom" style="position: fixed;bottom: 0.5rem;width: 91.47%;">退出登录</div>
  111. <div class="h20"></div>
  112. </section>
  113. </body>
  114. <script type="text/javascript" src="../../script/api.js"></script>
  115. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  116. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  117. <script type="text/javascript">
  118. apiready = function() {
  119. setIosTopBar();
  120. getRouteData();
  121. api.addEventListener({
  122. name:'resume'
  123. }, function(ret, err){
  124. getRouteData();
  125. });
  126. api.addEventListener({
  127. name:'scrolltobottom'
  128. }, function(ret, err){
  129. getRouteData();
  130. });
  131. api.addEventListener({
  132. name:'online'
  133. }, function(ret, err){
  134. getRouteData();
  135. });
  136. };
  137. function getRouteData() {
  138. $.ajax({
  139. url: siteurl + 'v2/shop/info',//'?do=getstore',
  140. data: {
  141. store_id: $api.getStorage("storeid"),
  142. },
  143. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  144. dataType: 'json',
  145. type: 'post',
  146. success: function(datas) {
  147. if (datas.result) {
  148. $(".store-avatar").attr("src", siteurl + "uploads/home/store/" + datas.data.store_id + "/" + datas.data.store_avatar);
  149. $(".store-name").html(datas.data.store_name);
  150. } else {
  151. errcode(datas, datas.code);
  152. }
  153. }
  154. });
  155. }
  156. $("#about").on("tap", function() {
  157. api.openWin({
  158. name: 'about',
  159. url: '../my/about.html',
  160. bounces: false
  161. });
  162. return false;
  163. })
  164. $("#history").on("tap", function() {
  165. api.openWin({
  166. name: 'history',
  167. url: 'history.html',
  168. bounces: false
  169. });
  170. return false;
  171. })
  172. $("#feed-back").on("tap", function() {
  173. api.openWin({
  174. name: 'feedback',
  175. url: '../my/feedback.html',
  176. bounces: false
  177. });
  178. return false;
  179. })
  180. $(".m-bottom").on("tap", function() {
  181. api.confirm({
  182. title: '退出登录',
  183. msg: '是否要退出登录?',
  184. buttons: ['确定', '取消']
  185. }, function(ret, err) {
  186. var index = ret.buttonIndex;
  187. if (index == 1) {
  188. $api.rmStorage("storeid");
  189. $api.rmStorage("agent_id");
  190. $api.rmStorage("accesstoken");
  191. $api.rmStorage("memberid");
  192. api.openWin({
  193. name: 'login',
  194. url: '../../login.html',
  195. bounces: false
  196. });
  197. setTimeCloseWin("index");
  198. setTimeCloseWin("hotelindex");
  199. setTimeCloseWin("agentindex");
  200. api.closeWin();
  201. }
  202. });
  203. return false;
  204. })
  205. </script>
  206. </html>