No Description

identity.html 2.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  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. <link href="../css/mui.min.css" rel="stylesheet" />
  8. <link href="../css/iconfont.css" rel="stylesheet" />
  9. <link href="../css/app.css" rel="stylesheet" />
  10. </head>
  11. <body style="background: #fff;">
  12. <header class="mui-bar mui-bar-nav toptitbox">
  13. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
  14. <h1 class="mui-title toptit">身份认证</h1>
  15. </header>
  16. <div class="mui-content" style="background: #fff; margin-top:10px;" id="navsub">
  17. <h3 class="boxnav-title">请确认您现在的身份:</h3>
  18. <ul class="boxnav">
  19. <li><span typenum="1">科研工作者</span></li>
  20. <li><span typenum="2">在企人员</span></li>
  21. <li><span typenum="3">在校生</span></li>
  22. </ul>
  23. </div>
  24. <div class="mui-content-padded frmbox" style="margin-top:40px;">
  25. <button class="mui-btn mui-btn-block mui-btn-outlined frmbtn" id="nextStep">确定,下一步</button>
  26. </div>
  27. <script src="../js/public/mui.min.js"></script>
  28. <script src="../js/public/base.js"></script>
  29. <script>
  30. mui.plusReady(function(){
  31. var self = plus.webview.currentWebview();
  32. //判断用户初始化身份
  33. mui(".boxnav span").each(function () {
  34. var typenum = this.getAttribute("typenum");
  35. if(typenum==self.usertype){
  36. this.parentNode.classList.add('set');
  37. }
  38. });
  39. })
  40. tab("navsub");//身份切换
  41. var nextStep = document.getElementById("nextStep");
  42. nextStep.addEventListener('tap', function() {
  43. var typetext = document.querySelector(".boxnav li.set");
  44. mui.openWindow({
  45. url: '../html/identity-up.html',
  46. id: '../html/identity-up.html',
  47. show: {
  48. aniShow: "slide-in-right"
  49. },
  50. extras:{
  51. usertype:typetext.innerText,
  52. }
  53. });
  54. })
  55. function tab(name) {
  56. var oDome = document.getElementById(name);
  57. var oSpan = oDome.getElementsByTagName('ul')[0].childNodes;
  58. for(var i = 0; i < oSpan.length; i++) {
  59. oSpan[i].onclick = function() {
  60. for(var i = 0; i < oSpan.length; i++) {
  61. oSpan[i].className = '';
  62. }
  63. this.className = 'set';
  64. }
  65. }
  66. }
  67. </script>
  68. </body>
  69. </html>