portal html css js resource

cmp-setBind.html 3.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>账户绑定</title>
  8. <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css">
  9. <link type="text/css" rel="stylesheet" href="css/common.css">
  10. <link type="text/css" rel="stylesheet" href="css/cmpindex.css">
  11. <script type="text/javascript" src="js/public/jquery-1.11.1.js"></script>
  12. <script type="text/javascript"src="js/public/jquery.cookie.js"></script>
  13. <script type="text/javascript" src="js/public/common.js"></script>
  14. </head>
  15. <body>
  16. <!--绑定邮箱model-->
  17. <div class="blackcover">
  18. <div class="modelContain">
  19. <form name="cmpAllFrm">
  20. <ul class="cmpAllUl cmpBindul">
  21. <li class="importBlock"><p class="importTip">验证企业邮箱,完成账号绑定</p></li>
  22. <li>
  23. <input type="email" class="frmtype frmtypeW" placeholder="请输入您的企业邮箱" />
  24. <div class="frmmsg msgBind1"><span></span></div>
  25. </li>
  26. <li class="alignCenter">
  27. <button type="button" class="frmtype btnModel headRadius save-block">发送验证邮件</button>
  28. </li>
  29. </ul>
  30. <ul class="cmpAllUl cmpBindul">
  31. <li class="importBlock">
  32. <p class="importTip">验证邮件已发送至:<br />
  33. <span class="cmpColor">lixiaoyuan@ekexiu.com</span>
  34. </p>
  35. <p class="smalltip alignCenter">请您在10分钟内登录您的企业邮箱,接收邮件,<br />点击链接后即可完成绑定。</p>
  36. </li>
  37. <li class="alignCenter">
  38. <button type="button" class="frmtype btnModel headRadius save-block">登录邮箱</button>
  39. </li>
  40. </ul>
  41. </form>
  42. <span class="modelClosebtn"></span>
  43. </div>
  44. </div>
  45. <!--头部-->
  46. <header>
  47. <script type="text/javascript" src="js/public/cmpHeader.js"></script>
  48. </header>
  49. <!--中间-->
  50. <div id="container">
  51. <div class="containerCon con-center">
  52. <div class="workmenu">
  53. <a class="workmenutit accouttit">账户设置</a>
  54. <a href="cmp-setPwd.html" class="worksubmenu">密码修改</a>
  55. <a href="javascript:;" class="worksubmenu cmpBg">账号绑定</a>
  56. <a href="cmp-setAuth.html" class="worksubmenu">企业认证</a>
  57. </div>
  58. <div class="workcon">
  59. <div class="workconitem">
  60. <div class="workcontit">账号绑定</div>
  61. <div class="worksubcon">
  62. <div class="workblock">
  63. <form name="cmpAllFrm">
  64. <p class="notetip smalltip">绑定后,您可以使用以下方式登录您的企业账户</p>
  65. <ul class="cmpAllUl bindBlock">
  66. <li>
  67. <div class="col-w-9 bindFont">
  68. <em></em>
  69. 您已绑定邮箱 <span class="cmpColor">lixiao****@ekexiu.com</span>
  70. </div>
  71. <div class="col-w-3">
  72. <button type="button" class="frmtype btnModel headRadius" id="bindEmailbtn">更换</button>
  73. </div>
  74. </li>
  75. </ul>
  76. </form>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. </div>
  83. <!--底部-->
  84. <footer>
  85. <script type="text/javascript" src="js/public/cmpFooter.js"></script>
  86. </footer>
  87. <script type="text/javascript">
  88. $("#bindEmailbtn").click(function(){
  89. modelOpen();
  90. })
  91. $(".modelClosebtn").click(function(){
  92. modelClose();
  93. })
  94. </script>
  95. </body>
  96. </html>