personal.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
  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. .mui-content {
  14. background-color: #F3F3F3;
  15. }
  16. .head-img {
  17. height: 72px !important;
  18. max-width: 72px !important;
  19. }
  20. .li-img {
  21. height: 25px !important;
  22. margin-top: -4px;
  23. margin-bottom: -4px;
  24. }
  25. .mui-table-view-noheight:before {
  26. height: 0px;
  27. }
  28. .mui-table-view-red:before,
  29. .mui-table-view-red:after {
  30. background-color: #EB4F53;
  31. }
  32. </style>
  33. </head>
  34. <body>
  35. <div class="mui-content" style="padding-top: 50px;">
  36. <div style="background-color: black;color: white;width: 100%;height: 40px;padding-top: 10px;text-align: center;font-weight: 700;">我的</div>
  37. <ul class="mui-table-view mui-table-view-noheight">
  38. <li class="mui-table-view-cell mui-media">
  39. <a href="#account" style="background-image: url(images/personal/beijing.png);background-size: 100%;">
  40. <img class="mui-media-object mui-pull-left head-img" id="head-img" src="images/personal/touxiang.png">
  41. <div class="mui-media-body" style="margin-top: 18px;padding-left: 10px;color: white;font-weight: 650;">
  42. Loki_1990
  43. <p class='mui-ellipsis' style="color: white;">美号:meidewei@163.com</p>
  44. </div>
  45. </a>
  46. </li>
  47. </ul>
  48. <ul class="mui-table-view" style="margin-top: 18px;">
  49. <li class="mui-table-view-cell mui-media" data-url="settings/bdsbk.html">
  50. <a class="mui-navigate-right">
  51. <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/vip.png">
  52. <div class="mui-media-body">
  53. VIP中心
  54. </div>
  55. </a>
  56. </li>
  57. <li class="mui-table-view-cell" data-url="settings/wddjj.html">
  58. <a class="mui-navigate-right">
  59. <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/goumaishipin.png">
  60. <div class="mui-media-body">
  61. 我购买的视频
  62. </div>
  63. </a>
  64. </li>
  65. </ul>
  66. <ul class="mui-table-view" style="margin-top: 18px;">
  67. <li class="mui-table-view-cell" data-url="aijiaren/fuxm.html">
  68. <a class="mui-navigate-right">
  69. <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/lishi.png">
  70. <div class="mui-media-body">
  71. 播放记录
  72. </div>
  73. </a>
  74. </li>
  75. <li class="mui-table-view-cell" data-url="settings/choujiangmain.html">
  76. <a class="mui-navigate-right">
  77. <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/shoucang.png">
  78. <div class="mui-media-body">
  79. 我的收藏
  80. </div>
  81. </a>
  82. </li>
  83. <li class="mui-table-view-cell" data-url="../updatepasswd.html">
  84. <a class="mui-navigate-right">
  85. <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/xiazai.png">
  86. <div class="mui-media-body">
  87. 本地离线
  88. </div>
  89. </a>
  90. </li>
  91. </ul>
  92. <ul class="mui-table-view" style="margin-top: 18px;">
  93. <li class="mui-table-view-cell" data-url="aijiaren/fuxm.html">
  94. <a class="mui-navigate-right">
  95. <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/anquan.png">
  96. <div class="mui-media-body">
  97. 帐号安全
  98. </div>
  99. </a>
  100. </li>
  101. <li class="mui-table-view-cell" data-url="settings/choujiangmain.html">
  102. <a class="mui-navigate-right">
  103. <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/shezhi.png">
  104. <div class="mui-media-body">
  105. 设置
  106. </div>
  107. </a>
  108. </li>
  109. </ul>
  110. <ul class="mui-table-view mui-table-view-red" style="margin-top: 18px;">
  111. <li class="mui-table-view-cell" data-url="../login.html">
  112. <a style="text-align: center;color: #eb4f53;">
  113. 退出登录
  114. </a>
  115. </li>
  116. </ul>
  117. </div>
  118. </body>
  119. <script src="js/mui.min.js"></script>
  120. <script>
  121. mui.init({
  122. swipeBack: true //启用右滑关闭功能
  123. });
  124. // document.getElementById("about").addEventListener('tap',function () {
  125. // //获得主页面的webview
  126. // var main = plus.webview.currentWebview().parent();
  127. // //触发主页面的gohome事件
  128. // mui.fire(main,'gohome');
  129. // });
  130. </script>
  131. </html>