resetSuccess.html 3.52 KB
<!DOCTYPE html>
  <html>
  <head>
      <meta charset="utf-8">
      <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
      <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
      <title>密码重置成功</title>
      <link rel="stylesheet" type="text/css" href="../../css/api.css"/>
      <link rel="stylesheet" type="text/css" href="../../css/aui.css"/>
      <style>
          html,
          body{
            background-color: #F4F6F9;
          }
      </style>
  </head>
  <body>
    <header class="aui-header-bar" style="padding-top:30px;background-color:#5B7FF8">
      <div class="aui-header-left">
        <i class="aui-iconfont aui-icon-left" style="color:#5B7FF8;font-size:16px;"></i>
      </div>
      <div class="aui-title" style="color:#FFFFFF;">密码重置成功</div>
      <div class="aui-header-right">
      </div>
    </header>
    <div style="margin-top:40px;">
      <div class="aui-row aui-row-flex aui-margin-b-15">
          <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle" style="height:160px;">
            <img src="../../image/mine/img-switchPassword.png" style="height:160px;width:160px;"/>
          </div>
      </div>
      <div class="aui-row aui-row-flex" style="margin-top:19.5px;">
          <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle" style="height:20px;">
            <span style="font-size:16px;font-family:PingFang SC;font-weight:500;color:rgba(55,57,78,1);">密码已重置成功</span>
          </div>
      </div>
      <div class="aui-row aui-row-flex" style="margin-top:19.5px;">
          <div class="aui-col aui-col-span-24 aui-row-flex-center aui-row-flex-middle" style="height:20px;">
            <span style="font-size:14px;font-family:PingFang SC;font-weight:500;color:rgba(129,130,149,1);">请使用新的密码登录</span>
          </div>
      </div>
      <div style="margin-left:15px;margin-right:15px;margin-top:30px;background:rgba(91,127,248,1);
      height:50px;
      box-shadow:0px 8px 16px 0px rgba(91,127,248,0.3);
      border-radius:8px;text-align:center;font-size:16px;
      font-family:PingFang SC;
      font-weight:500;
      color:rgba(255,255,255,1);
      line-height:50px;" tapmode onclick="reLogin();">重新登录</div>
    </div>
    <footer></footer>
  </body>
  <script type="text/javascript" src="../../script/api.js"></script>
  <script type="text/javascript" src="../../script/common.js"></script>
  <script type="text/javascript" src="../../script/jquery-3.3.1.min.js"></script>
  <script type="text/javascript">
      apiready = function(){
        api.parseTapmode();
        var header = $api.dom('header'); // 获取 header 标签元素
        var footer = $api.dom('footer'); // 获取 footer 标签元素
        var headerH = $api.fixStatusBar(header);
        var footerH = $api.fixTabBar(footer);
      };

      function closeWin() {
        api.closeWin();
      }

      function reLogin() {
        var ajpush = api.require("ajpush");
        api.showProgress({
            style: 'default',
            animationType: 'fade',
            title: '正在退出...',
            text: '',
            modal: true
        });

        clearPush(ajpush, function(){
          $api.clearStorage();
          //补充基础的缓存数据
          initHeaderH();
          check();
          api.hideProgress();
          api.sendEvent({
              name: 'cleanIndexRefresh'
          });
        })
      }
  </script>
  </html>