123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Hello MUI</title>
- <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link rel="stylesheet" href="css/mui.min.css">
- <style>
- html,
- body,
- .mui-content {
- background-color: #F3F3F3;
- }
-
- .head-img {
- height: 72px !important;
- max-width: 72px !important;
- }
-
- .li-img {
- height: 25px !important;
- margin-top: -4px;
- margin-bottom: -4px;
- }
-
- .mui-table-view-noheight:before {
- height: 0px;
- }
-
- .mui-table-view-red:before,
- .mui-table-view-red:after {
- background-color: #EB4F53;
- }
- </style>
- </head>
- <body>
- <div class="mui-content" style="padding-top: 50px;">
- <div style="background-color: black;color: white;width: 100%;height: 40px;padding-top: 10px;text-align: center;font-weight: 700;">我的</div>
- <ul class="mui-table-view mui-table-view-noheight">
- <li class="mui-table-view-cell mui-media">
- <a href="#account" style="background-image: url(images/personal/beijing.png);background-size: 100%;">
- <img class="mui-media-object mui-pull-left head-img" id="head-img" src="images/personal/touxiang.png">
- <div class="mui-media-body" style="margin-top: 18px;padding-left: 10px;color: white;font-weight: 650;">
- Loki_1990
- <p class='mui-ellipsis' style="color: white;">美号:meidewei@163.com</p>
- </div>
- </a>
- </li>
- </ul>
- <ul class="mui-table-view" style="margin-top: 18px;">
- <li class="mui-table-view-cell mui-media" data-url="settings/bdsbk.html">
- <a class="mui-navigate-right">
- <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/vip.png">
- <div class="mui-media-body">
- VIP中心
- </div>
- </a>
- </li>
- <li class="mui-table-view-cell" data-url="settings/wddjj.html">
- <a class="mui-navigate-right">
- <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/goumaishipin.png">
- <div class="mui-media-body">
- 我购买的视频
- </div>
- </a>
- </li>
- </ul>
- <ul class="mui-table-view" style="margin-top: 18px;">
- <li class="mui-table-view-cell" data-url="aijiaren/fuxm.html">
- <a class="mui-navigate-right">
- <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/lishi.png">
- <div class="mui-media-body">
- 播放记录
- </div>
- </a>
- </li>
- <li class="mui-table-view-cell" data-url="settings/choujiangmain.html">
- <a class="mui-navigate-right">
- <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/shoucang.png">
- <div class="mui-media-body">
- 我的收藏
- </div>
- </a>
- </li>
- <li class="mui-table-view-cell" data-url="../updatepasswd.html">
- <a class="mui-navigate-right">
- <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/xiazai.png">
- <div class="mui-media-body">
- 本地离线
- </div>
- </a>
- </li>
- </ul>
- <ul class="mui-table-view" style="margin-top: 18px;">
- <li class="mui-table-view-cell" data-url="aijiaren/fuxm.html">
- <a class="mui-navigate-right">
- <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/anquan.png">
- <div class="mui-media-body">
- 帐号安全
- </div>
- </a>
- </li>
- <li class="mui-table-view-cell" data-url="settings/choujiangmain.html">
- <a class="mui-navigate-right">
- <img class="mui-media-object mui-pull-left li-img" id="head-img" src="images/personal/shezhi.png">
- <div class="mui-media-body">
- 设置
- </div>
- </a>
- </li>
- </ul>
- <ul class="mui-table-view mui-table-view-red" style="margin-top: 18px;">
- <li class="mui-table-view-cell" data-url="../login.html">
- <a style="text-align: center;color: #eb4f53;">
- 退出登录
- </a>
- </li>
- </ul>
- </div>
- </body>
- <script src="js/mui.min.js"></script>
- <script>
- mui.init({
- swipeBack: true //启用右滑关闭功能
- });
- // document.getElementById("about").addEventListener('tap',function () {
- // //获得主页面的webview
- // var main = plus.webview.currentWebview().parent();
- // //触发主页面的gohome事件
- // mui.fire(main,'gohome');
- // });
- </script>
- </html>
|