syssetting.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  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;font-size: 0.28rem;
  14. }
  15. .border-none span{
  16. color: #999999;
  17. /*font-size: 0.2rem;*/
  18. }
  19. .border-none-img{
  20. margin-top:50px;
  21. width:80px;
  22. height:80px;
  23. height:auto;
  24. border-radius:50%;
  25. }
  26. .setting-item{
  27. height: 1rem;
  28. line-height:1rem;
  29. font-size: 0.28rem;
  30. width:100%;
  31. border-bottom:1px solid #e8e8e8;
  32. text-align:left;
  33. }
  34. .setting-item img{
  35. width:19px;
  36. vertical-align:middle;
  37. margin-bottom:3px;
  38. }
  39. .setting-item input{
  40. width:60%;
  41. border-bottom:none;
  42. }
  43. </style>
  44. <script>
  45. (function(w, d, m) {
  46. function r() {
  47. var t = 100,
  48. o = 750,
  49. e = d.documentElement.clientWidth || w.innerWidth,
  50. n = m.max(m.min(e, 480), 320),
  51. h = 50;
  52. 320 >= n && (h = m.floor(n / o * t * .99)),
  53. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  54. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  55. n > 375 && (h = m.floor(n / o * t * .97)),
  56. d.querySelector("html").style.fontSize = h + "px"
  57. };
  58. r();
  59. w.onresize = function() {
  60. r()
  61. }
  62. })(window, document, Math);
  63. </script>
  64. </head>
  65. <body>
  66. <div class="topbar"></div>
  67. <header class="back-header back-header-bottom">
  68. <ul>
  69. <li class="padding-20 back-btn"><img class="back-header-ico" src="../../image/nav_button_back_default.png" /></li>
  70. <li class="back-header-title">系统设置</li>
  71. <li class="more-btn"></li>
  72. </ul>
  73. </header>
  74. <div style="padding-top: 1.15rem;"></div>
  75. <section class="border-none">
  76. <div class="setting-item" style="line-height: normal;" id="set_notification">
  77. 接收消息通知<br>
  78. <span>到系统设置里打开关闭</span>
  79. </div>
  80. <div class="setting-item" id="about">
  81. 关于我们 <span style="float:right;color:#cccccc;" class="iconfont">&#xe62e;</span>
  82. </div>
  83. <div class="setting-item mask-hidden" id="feed-back">
  84. 意见反馈 <span style="float:right;color:#cccccc;" class="iconfont">&#xe62e;</span>
  85. </div>
  86. <div class="m-bottom" style="position: fixed;bottom: 0.5rem;width: 91.47%;">退出登录</div>
  87. </section>
  88. </body>
  89. <script type="text/javascript" src="../../script/api.js"></script>
  90. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  91. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  92. <script type="text/javascript">
  93. apiready = function() {
  94. setFixStatusBar();
  95. };
  96. $("#set_notification").on("tap", function() {
  97. api.requestPermission({
  98. list:['notification'],
  99. code:1
  100. }, function(ret, err){
  101. if( !ret || !ret.list || !ret.list.granted ){
  102. api.toast({ msg: '已获得通知权限...' });
  103. }
  104. })
  105. })
  106. $("#about").on("tap", function() {
  107. api.openWin({
  108. name: 'about',
  109. url: './about.html',
  110. bounces: false
  111. });
  112. return false;
  113. })
  114. $("#feed-back").on("tap", function() {
  115. api.openWin({
  116. name: 'feedback',
  117. url: './feedback.html',
  118. bounces: false
  119. });
  120. return false;
  121. })
  122. $("#set_notificationx").on("tap", function() {
  123. })
  124. $(".m-bottom").on("tap", function() {
  125. api.confirm({
  126. title: '退出登录',
  127. msg: '是否要退出登录?',
  128. buttons: ['确定', '取消']
  129. }, function(ret, err) {
  130. var index = ret.buttonIndex;
  131. if (index == 1) {
  132. $api.rmStorage("memberid");
  133. $api.rmStorage("accesstoken");
  134. $api.rmStorage("storeid");
  135. $api.rmStorage("agent_id");
  136. api.closeWin({ name: 'index' });
  137. api.closeWin({ name: 'hotelindex' });
  138. api.closeWin({ name: 'agentindex' });
  139. api.closeToWin();
  140. api.openWin({
  141. name: 'index',
  142. url: 'widget://index.html',
  143. bounces: false,
  144. pageParam: {
  145. keyid: true
  146. }
  147. })
  148. api.closeWin();
  149. }
  150. });
  151. return false;
  152. })
  153. </script>
  154. </html>