Browse Source

增加登录页

guohh 5 years ago
parent
commit
7d918b34d3
1 changed files with 9 additions and 7 deletions
  1. 9 7
      2020/x-3/login.html

+ 9 - 7
2020/x-3/login.html

17
17
18
<div class="login-block-head">
18
<div class="login-block-head">
19
  <div class="login-block-app-logo"></div>
19
  <div class="login-block-app-logo"></div>
20
  <div class="login-block-title">
21
    <span class="app-name-letter">X</span>部落
22
  </div>
20
  </div>
23
</div>
21
</div>
24
<div class="login-block-body">
22
<div class="login-block-body">
25
  <div class="login-form">
23
  <div class="login-form">
26
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">
27
    <div class="login-form-row ipu-fn-bd-b ipu-flex ipu-flex-align-center">
28
      <i class="icon ri-smartphone-line"></i>
28
      <i class="icon ri-user-fill"></i>
29
      <div class="ipu-flex-grow-1 login-form-input-wrap">
29
      <div class="ipu-flex-grow-1 login-form-input-wrap">
30
        <input type="text" class="login-form-input" placeholder="请输入NT账号"/>
30
        <input type="text" class="login-form-input" placeholder="请输入NT账号"/>
31
      </div>
31
      </div>
32
    </div>
32
    </div>
33
33
34
    <div class="login-form-row ipu-fn-bd-b ipu-flex ipu-flex-align-center">
34
    <div class="login-form-row ipu-fn-bd-b ipu-flex ipu-flex-align-center">
35
      <i class="icon ri-lock-line"></i>
35
      <i class="icon ri-lock-fill"></i>
36
      <div class="ipu-flex-grow-1 login-form-input-wrap">
36
      <div class="ipu-flex-grow-1 login-form-input-wrap">
37
        <input type="password" class="login-form-input" placeholder="请输入密码"/>
37
        <input type="password" class="login-form-input" placeholder="请输入密码"/>
38
      </div>
38
      </div>
43
    </div>
43
    </div>
44
44
45
    <div class="pass-remember-wrap">
45
    <div class="pass-remember-wrap">
46
      <label class="ipu-checkbox ipu-checkbox-s">
47
        <input type="checkbox">记住密码
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
        记住密码
48
      </label>
50
      </label>
49
    </div>
51
    </div>
50
52