Начало Каталог Помощ
Вход
asiainfo
/
static
Наблюдаван 2
Харесван 0
Разклонения 0
Код Задачи 0 Заявки за сливане 0 Ревизии 2042 Версии 4 Уики
Преглед на файлове

登录 、注册页面提交

lixp11 преди 4 години
родител
6c23290f0e
ревизия
07d30a829f
променени са 7 файла, в които са добавени 172 реда и са изтрити 40 реда
Разделен изглед Покажи статистика за разликите
  1. 60 0
      2021/ng-srb/about.html
  2. 7 4
      2021/ng-srb/biz/css/base-lxp.css
  3. 5 0
      2021/ng-srb/biz/js/pages/signup.js
  4. 28 0
      2021/ng-srb/login-face.html
  5. 22 36
      2021/ng-srb/login.html
  6. 50 0
      2021/ng-srb/signup.html
  7. BIN
      2021/ng-srb/temp/app-qrcode@2x.png

+ 60 - 0
2021/ng-srb/about.html
Целия файл 

@ -0,0 +1,60 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <title>关于</title>
5 
  <meta charset="utf-8">
6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7
8 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
9 
  <link rel="stylesheet" type="text/css" href="ipu/lib/mdi/css/mdi.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
  <script src="biz/js/page/about.js"></script>
15 
</head>
16 
<body class="pages-about">
17 
  <div class="ipu-flex-row ipu-flex-vertical">
18 
    <div class="ipu-flex-col">
19 
      <header class="ipu-toolbar about-head">
20 
        <a class="ipu-fn-left common-page-back" href="javascript:history.back();">
21 
          <i class="common-back-icon"></i>
22 
        </a>
23 
        <h1 class="ipu-toolbar-title about-head-title">关于</h1>
24 
      </header>
25 
    </div>
26
27 
    <div class="ipu-flex-col ipu-flex-col-auto">
28 
      <div class="common-page-content about-body">
29 
        <div class="about-name">收入宝</div>
30 
        <div class="about-os">For Android v1.1.9</div>
31 
        <img src="temp/app-qrcode@2x.png">
32
33 
        <div class="about-list ipu-list">
34 
          <ul>
35 
            <li><a class="ipu-list-item ipu-list-item-link" href="#">
36 
              <div class="ipu-list-item-title">检查更新</div>
37 
            </a></li>
38 
            <li><a class="ipu-list-item ipu-list-item-link" href="#">
39 
              <div class="ipu-list-item-title">更新日志</div>
40 
            </a></li>
41 
            <li><a class="ipu-list-item ipu-list-item-link" href="#">
42 
              <div class="ipu-list-item-title">特别声明</div>
43 
            </a></li>
44 
            <li><a class="ipu-list-item ipu-list-item-link" href="#">
45 
              <div class="ipu-list-item-title">使用帮助</div>
46 
            </a></li>
47 
          </ul>
48 
        </div>
49 
      </div>
50 
    </div>
51
52 
    <div class="ipu-flex-col">
53 
      <div class="about-footer">
54 
        <div class="about-copyright">Copyright @2019-2021</div>
55 
        <div class="about-possession">中国移动通信集团辽宁有线公司版权所有</div>
56 
      </div>
57 
    </div>
58 
  </div>
59 
</body>
60 
</html>

+ 7 - 4
2021/ng-srb/biz/css/base-lxp.css
Целия файл 

@ -122,7 +122,6 @@
122 122 
}
123 123
124 124 
.sign-footer-logo {
125 
  height: 30.5%;
126 125 
  background: url(../img/chinamobile-logo.png) center bottom .236rem/auto .236rem no-repeat;
127 126 
}
128 127 
@ -159,6 +158,10 @@
159 158 
  border: 1px solid #837d7d;
160 159 
}
161 160
161 
.pages-login .sign-footer-logo {
162 
  height: 30.52%;
163 
}
164
162 165 
/* 登录-刷脸 */
163 166 
.login-face-img {
164 167 
  height: 1.6666rem;
 
@ -167,14 +170,14 @@
167 170 
}
168 171
169 172 
.login-face-intro {
170 
  margin-top: 4.48%;
173 
  margin-top: .3rem;
171 174 
  font-size: .14rem;
172 175 
  font-weight: 500;
173 176 
  color: #FFFFFF;
174 177 
}
175 178
176 179 
.pages-login-face .sign-footer-logo {
177 
  height: 23.5%;
180 
  height: 26.6%;
178 181 
}
179 182
180 183 
/* 注册 */
 
@ -203,7 +206,7 @@
203 206 
}
204 207
205 208 
.pages-signup .sign-footer-logo {
206 
  height: 24%;
209 
  height: 24.87%;
207 210 
}
208 211
209 212 
/* 关于 */

+ 5 - 0
2021/ng-srb/biz/js/pages/signup.js
Целия файл 

@ -1,5 +1,10 @@
1 1 
require(["ipuUI", "jquery"], function (ipuUI, $) {
2 2 
  $(function () {
3 
    // 高亮显示
4 
    $(".sign-form-group").focusin(function () { // 选中输入框
5 
      $(this).addClass("active").siblings(".active").removeClass("active");
6 
    });
7
3 8 
    // 扫描
4 9 
    $(".signup-scanid").click(function () {
5 10 
      //

+ 28 - 0
2021/ng-srb/login-face.html
Целия файл 

@ -0,0 +1,28 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <title>登录-刷脸</title>
5 
  <meta charset="utf-8">
6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
8 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
9
10 
  <script src="ipu/lib/requirejs/require.js"></script>
11 
  <script src="biz/js/require-config.js"></script>
12 
</head>
13 
<body class="pages-sign pages-login-face">
14 
  <div class="sign-bg">
15 
    <div class="sign-head-logo"></div>
16 
    <div class="sign-title ipu-txt-center">收入宝</div>
17
18 
    <div class="login-face-block">
19 
      <div class="login-face-img"></div>
20 
      <div class="login-face-intro ipu-txt-center">您正在使用刷脸登录<br>安卓6.0（含）及以上方可使用刷脸登录</div>
21 
    </div>
22
23 
    <div class="sign-footer-logo"></div>
24 
  </div>
25
26 
  <script src="biz/js/pages/login-face.js"></script>
27 
</body>
28 
</html>

+ 22 - 36
2021/ng-srb/login.html
Целия файл 

@ -4,56 +4,42 @@
4 4 
  <title>登录</title>
5 5 
  <meta charset="utf-8">
6 6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7
8 7 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
9 
  <link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
10 8 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
11 9
12 10 
  <script src="ipu/lib/requirejs/require.js"></script>
13 11 
  <script src="biz/js/require-config.js"></script>
14 
  <script src="biz/js/page/login.js"></script>
15 12 
</head>
16 
<body class="pages-login common-bg-white">
13 
<body class="pages-sign pages-login">
14 
  <div class="sign-bg">
15 
    <div class="sign-head-logo"></div>
16 
    <div class="sign-title ipu-txt-center">收入宝</div>
17 17
18 
<div class="login-block-head">
19 
  <div class="login-block-app-logo"></div>
20 
  </div>
21 
</div>
22 
<div class="login-block-body">
23 
  <div class="login-form">
24 
    <div class="login-form-title">
25 
      登录
26 
    </div>
27 
    <div class="login-form-row ipu-fn-bd-b ipu-flex ipu-flex-align-center">
28 
      <i class="icon ri-user-fill"></i>
29 
      <div class="ipu-flex-grow-1 login-form-input-wrap">
30 
        <input type="text" class="login-form-input" placeholder="请输入NT账号"/>
18 
    <div class="sign-form">
19 
      <div class="sign-form-group">
20 
        <div class="sign-form-icon login-form-user-icon"></div>
21 
        <input type="text" class="sign-form-input" placeholder="请输入4A账号">
31 22 
      </div>
32 
    </div>
33 23
34 
    <div class="login-form-row ipu-fn-bd-b ipu-flex ipu-flex-align-center">
35 
      <i class="icon ri-lock-fill"></i>
36 
      <div class="ipu-flex-grow-1 login-form-input-wrap">
37 
        <input type="password" class="login-form-input" placeholder="请输入密码"/>
24 
      <div class="sign-form-group">
25 
        <div class="sign-form-icon login-form-password-icon"></div>
26 
        <input type="text" class="sign-form-input" placeholder="请输入4A密码">
38 27 
      </div>
39 
      <div class="icon-eye-wrap">
40 
        <i class="icon ri-eye-off-line"></i>
41 
        <i class="icon ri-eye-line"></i>
28
29 
      <div class="sign-form-group">
30 
        <div class="sign-form-icon login-form-verification-icon"></div>
31 
        <input type="text" class="sign-form-input" placeholder="请输入验证码">
32 
        <div class="login-get-code ipu-txt-center">获取验证码</div>
42 33 
      </div>
43 
    </div>
44 34
45 
    <div class="pass-remember-wrap">
46 
      <label class="ipu-checkbox ipu-checkbox-s ipu-flex-middle">
47 
        <input type="checkbox">
48 
        <i class="icon ri-checkbox-circle-fill"></i>
49 
        记住密码
50 
      </label>
35 
      <div class="sign-btn-wrap">
36 
        <button class="ipu-btn common-btn sign-btn login-btn">登录</button>
37 
      </div>
51 38 
    </div>
52 39
53 
    <div class="login-btn-wrap">
54 
      <button class="ipu-btn common-btn btn-login">登录</button>
55 
    </div>
40 
    <div class="sign-footer-logo"></div>
56 41 
  </div>
57 
</div>
42
43 
  <script src="biz/js/pages/login.js"></script>
58 44 
</body>
59 45 
</html>

+ 50 - 0
2021/ng-srb/signup.html
Целия файл 

@ -0,0 +1,50 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
  <title>注册</title>
5 
  <meta charset="utf-8">
6 
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
7 
  <link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
8 
  <link rel="stylesheet" type="text/css" href="biz/css/base.css">
9
10 
  <script src="ipu/lib/requirejs/require.js"></script>
11 
  <script src="biz/js/require-config.js"></script>
12 
</head>
13 
<body class="pages-sign pages-signup">
14 
  <div class="sign-bg">
15 
    <div class="sign-head-logo"></div>
16 
    <div class="sign-title ipu-txt-center">收入宝注册</div>
17
18 
    <div class="sign-form">
19 
      <div class="sign-form-group">
20 
        <div class="signup-titile">4A账号:</div>
21 
        <input type="text" class="sign-form-input" placeholder="请输入4A账号">
22 
      </div>
23
24 
      <div class="sign-form-group">
25 
        <div class="signup-titile">手机号:</div>
26 
        <input type="text" class="sign-form-input" placeholder="请输入4A密码">
27 
      </div>
28
29 
      <div class="sign-form-group">
30 
        <div class="signup-titile">身份证:</div>
31 
        <input type="text" class="sign-form-input" placeholder="请输入身份证号码">
32 
        <div class="signup-scanid"></div>
33 
      </div>
34
35 
      <div class="sign-form-group">
36 
        <div class="signup-titile">姓名:</div>
37 
        <input type="text" class="sign-form-input" placeholder="请输入姓名">
38 
      </div>
39
40 
      <div class="sign-btn-wrap">
41 
        <button class="ipu-btn common-btn sign-btn signup-btn">确认信息无误, 刷脸注册</button>
42 
      </div>
43 
    </div>
44
45 
    <div class="sign-footer-logo"></div>
46 
  </div>
47
48 
  <script src="biz/js/pages/signup.js"></script>
49 
</body>
50 
</html>

BIN
2021/ng-srb/temp/app-qrcode@2x.png
Целия файл