setting.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>个人信息</title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-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. <!--标准mui.css-->
  10. <link rel="stylesheet" href="../../css/mui.min.css">
  11. <link href="../../css/OA-style.css" rel="stylesheet" />
  12. <!--App自定义的css-->
  13. <style type="text/css">
  14. .mui-content>.mui-table-view:first-child {
  15. margin-top: -1px;
  16. }
  17. .mui-bar-nav{ box-shadow: none;}
  18. .mui-col-xs-2 {width:calc(100% - 50px); vertical-align:middle; padding: 11px 15px;}
  19. .mui-col-xs-10{width: 24px; vertical-align:middle;}
  20. .mui-col-xs-10 img{width: 100%;}
  21. .mui-col-xs-2 h4{ color: #666; font-size: 14px;}
  22. .mui-col-xs-2 h5{ font-size: 14px; color: #00c4cb;}
  23. .mui-table-view-cell:after{ left: 0px;}
  24. .mui-input-row label{padding: 0; line-height: 21px;}
  25. input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{padding: 0; height: auto;}
  26. </style>
  27. </head>
  28. <body>
  29. <header class="mui-bar mui-bar-nav" id="login">
  30. <a href="" class="mui-action-back back mui-pull-left"><img src="../../images/back.png"></a>
  31. <h1 class="mui-title">设置</h1>
  32. </header>
  33. <div class="mui-content" >
  34. <ul class="mui-table-view ">
  35. <li class="mui-table-view-cell mui-collapse">
  36. <a id="modifyPwd" href="javaScript:void(0);">
  37. <label>修改密码</label>
  38. </a>
  39. </li>
  40. <li class="mui-table-view-cell mui-collapse">
  41. <a id="locker" href="javaScript:void(0);">
  42. <label>手势密码</label>
  43. </a>
  44. </li>
  45. <li class="mui-table-view-cell mui-collapse">
  46. <a id="clear" href="javaScript:void(0);">
  47. <label>缓存清理</label>
  48. </a>
  49. </li>
  50. </ul>
  51. </div>
  52. <script src="../../js/mui.min.js"></script>
  53. <script src="../../js/app.js"></script>
  54. <script src="../../js/config.js"></script>
  55. <script src="../../js/dj/person/person.js"></script>
  56. <script>
  57. mui.init({
  58. swipeBack: true //启用右滑关闭功能
  59. });
  60. mui.plusReady(function() {
  61. })
  62. document.getElementById('modifyPwd').addEventListener('tap', function() {
  63. mui.openWindow({
  64. url: '../../page/person/password.html',
  65. id: 'password.html'
  66. });
  67. });
  68. document.getElementById('locker').addEventListener('tap', function() {
  69. mui.openWindow({
  70. url: '../../page/person/locker.html',
  71. id: 'password.html'
  72. });
  73. });
  74. // 扩展API加载完毕后调用onPlusReady回调函数
  75. document.getElementById('clear').addEventListener( "tap", onPlusReady, false );
  76. // 扩展API加载完毕,现在可以正常调用扩展API
  77. function onPlusReady() {
  78. var w = plus.nativeUI.showWaiting();
  79. // 2秒后关闭
  80. setTimeout( function(){
  81. w.close();
  82. mui.toast("缓存清除完毕");
  83. }, 2000 );
  84. /*plus.cache.calculate(function(size) {
  85. console.log(size)
  86. sizeCache = size;
  87. mui.confirm("您目前的系统缓存为" + parseFloat(sizeCache / (1024 * 1024)).toFixed(2) + "M?", "清除缓存", ["确认", "取消"], function(e) {
  88. if(e.index == 1) {} else {
  89. plus.cache.clear(function() {*/
  90. //setTimeout(function() {alert("缓存清除完毕")},2000);
  91. /*});
  92. }
  93. });
  94. });*/
  95. }
  96. </script>
  97. </body>
  98. </html>