setting.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Hello MUI</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" href="../css/mui.min.css">
  10. <style>
  11. html,
  12. body {
  13. background-color: #efeff4;
  14. }
  15. .title {
  16. margin:20px 15px 10px;
  17. color: #6d6d72;
  18. font-size: 15px;
  19. }
  20. .my-red {
  21. height: 80px;
  22. }
  23. .my-red img {
  24. height: 60px;
  25. }
  26. .my-title {
  27. color: white;
  28. font-weight: bold;
  29. margin-top: -50%;
  30. }
  31. </style>
  32. </head>
  33. <body>
  34. <header class="mui-bar mui-bar-nav" style="height: 100px;background: #e70012;">
  35. <div class="title my-red">
  36. <div id="">
  37. <img src="../images/settings/touxiang.jpg" />
  38. <span class="my-title" id="name"></span>
  39. <img src="../images/erweima/erweima.jpg" class="mui-pull-right" />
  40. </div>
  41. </div>
  42. </header>
  43. <div class="mui-content" style="margin-top: 60px;">
  44. <ul class="mui-table-view">
  45. <li class="mui-table-view-cell" data-url="settings/bdsbk.html">
  46. <a class="mui-navigate-right">
  47. 绑定社保卡
  48. </a>
  49. </li>
  50. <li class="mui-table-view-cell" data-url="settings/wddjj.html">
  51. <a class="mui-navigate-right">
  52. 我的代金券
  53. </a>
  54. </li>
  55. <li class="mui-table-view-cell" data-url="settings/jfdh.html">
  56. <a class="mui-navigate-right">
  57. 我的积分
  58. </a>
  59. </li>
  60. </ul>
  61. <ul class="mui-table-view" style="margin-top: 25px;">
  62. <li class="mui-table-view-cell" data-url="aijiaren/fuxm.html">
  63. <a class="mui-navigate-right">
  64. 推荐
  65. </a>
  66. </li>
  67. <li class="mui-table-view-cell" data-url="settings/choujiangmain.html">
  68. <a class="mui-navigate-right">
  69. 抽奖
  70. </a>
  71. </li>
  72. <li class="mui-table-view-cell" data-url="../updatepasswd.html">
  73. <a class="mui-navigate-right">
  74. 修改密码
  75. </a>
  76. </li>
  77. <li class="mui-table-view-cell" data-url='set.html'>
  78. <a class="mui-navigate-right">
  79. 设置
  80. </a>
  81. </li>
  82. </ul>
  83. <ul class="mui-table-view" style="margin-top: 25px;">
  84. <li class="mui-table-view-cell" data-url="../login.html">
  85. <a style="text-align: center;color: #FF3B30;">
  86. 退出登录
  87. </a>
  88. </li>
  89. </ul>
  90. </div>
  91. </style>
  92. </body>
  93. <script src="../js/mui.min.js"></script>
  94. <script src="../js/service.js" type="text/javascript" charset="utf-8"></script>
  95. <script src="../libs/choujiang/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
  96. <script src="http://121.42.151.57:7999/service/dyyj/demo.js/helper.js" type="text/javascript" charset="utf-8"></script>
  97. <script>
  98. mui.init({
  99. swipeBack: true //启用右滑关闭功能
  100. });
  101. // document.getElementById("about").addEventListener('tap', function() {
  102. // //获得主页面的webview
  103. // var main = plus.webview.currentWebview().parent();
  104. // //触发主页面的gohome事件
  105. // mui.fire(main, 'gohome');
  106. // });
  107. // document.getElementById("bdsbkId").addEventListener('tap',function(){
  108. // mui.openWindow({
  109. // url:'settings/bdsbk.html'
  110. // })
  111. // });
  112. mui('.mui-table-view').on('tap','li',function(){
  113. var url = this.getAttribute('data-url');
  114. if(!url)return;
  115. mui.openWindow({
  116. url:url
  117. });
  118. });
  119. var DyyjDemo = new DyyjDemo('/service/dyyj/demo.js');
  120. DyyjDemo.getMemberByUserId(getUserId(), function(result) {
  121. if (result && result.rs) {
  122. var ms = result.ms;
  123. console.log(JSON.stringify(ms))
  124. if (ms) {
  125. document.getElementById("name").innerHTML = ms.name;
  126. }
  127. }
  128. });
  129. </script>
  130. </html>