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

增加我的相关页面

guohh преди 4 години
родител
361ae2dd2e
ревизия
7b37684cc7
променени са 7 файла, в които са добавени 356 реда и са изтрити 22 реда
Разделен изглед Покажи статистика за разликите
  1. 44 0
      2021/xz-cmc-wgt/app-about.html
  2. 47 0
      2021/xz-cmc-wgt/app-share.html
  3. 40 1
      2021/xz-cmc-wgt/biz/css/common.css
  4. 42 21
      2021/xz-cmc-wgt/biz/css/project.css
  5. 40 0
      2021/xz-cmc-wgt/gesture-set.html
  6. 79 0
      2021/xz-cmc-wgt/login-set.html
  7. 64 0
      2021/xz-cmc-wgt/pass-modify.html

+ 44 - 0
2021/xz-cmc-wgt/app-about.html
Целия файл 

@ -0,0 +1,44 @@
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="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/project.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
</head>
15 
<body class="pages-app-about">
16
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col ">
19 
    <header class="ipu-toolbar">
20 
      <a class="ipu-fn-left common-page-back" href="javascript:history.back();">
21 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
22 
        返回
23 
      </a>
24 
      <h1 class="ipu-toolbar-title">关于软件</h1>
25 
    </header>
26 
  </div>
27
28 
  <div class="ipu-flex-col ipu-flex-col-auto">
29 
    <div class="ipu-flex-content common-page-content">
30 
      <img src="./temp/2.png" class="app-logo">
31 
      <div class="app-name common-font16-22 common-color-85">
32 
        西藏移动网格通
33 
      </div>
34 
      <div class="app-version">
35 
        1.0.0
36 
      </div>
37 
      <div class="common-font14 app-desc">
38 
        对市场运营过程中的各类指标进行监控、准确、快速把握市场运营过程中的问题，通过可视化的推送机制及时传递给生产经营一线，高效支撑生产经营工作的平台。
39 
      </div>
40 
    </div>
41 
  </div>
42 
</div>
43 
</body>
44 
</html>

+ 47 - 0
2021/xz-cmc-wgt/app-share.html
Целия файл 

@ -0,0 +1,47 @@
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="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/project.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
</head>
15 
<body class="pages-app-share">
16
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col ">
19 
    <header class="ipu-toolbar">
20 
      <a class="ipu-fn-left common-page-back" href="javascript:history.back();">
21 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
22 
        返回
23 
      </a>
24 
      <h1 class="ipu-toolbar-title">分享推广</h1>
25 
      <a class="ipu-fn-right" href="javascript:;">
26 
        <i class="ipu-icon ri-share-line"></i>
27 
      </a>
28 
    </header>
29 
  </div>
30
31 
  <div class="ipu-flex-col ipu-flex-col-auto">
32 
    <div class="ipu-flex-content">
33 
      <div class="share-block">
34 
        <div class="app-name">
35 
          西藏移动网格通
36 
        </div>
37 
        <div class="share-tips">
38 
          (请扫描下方二维码下载)
39 
        </div>
40 
        <img src="./temp/code.png" class="app-code-img">
41 
      </div>
42 
    </div>
43 
  </div>
44 
</div>
45
46 
</body>
47 
</html>

+ 40 - 1
2021/xz-cmc-wgt/biz/css/common.css
Целия файл 

@ -15,6 +15,31 @@ body {
15 15 
  font-weight: 500;
16 16 
}
17 17
18 
.ipu-switch input {
19 
  width: .46rem;
20 
  height: .24rem;
21 
}
22
23 
.ipu-switch input:before {
24 
  background-color: #EAEAEA;
25 
  border: none;
26 
}
27
28 
.ipu-switch input:checked:before {
29 
  background-color: #3690F1;
30 
  box-shadow: #3690F1 0 0 0 0.16rem inset;
31 
}
32
33 
.ipu-switch input:after {
34 
  width: .18rem;
35 
  height: .18rem;
36 
  left: .03rem;
37 
  top: .03rem
38 
}
39
40 
.ipu-switch input:checked:after {
41 
  left: .25rem;
42 
}
18 43
19 44 
/* common */
20 45 
/*    基础属性定义   */
 
@ -38,6 +63,14 @@ body {
38 63 
  color: #3690F1;
39 64 
}
40 65
66 
.common-color-45 {
67 
  color: rgba(0, 0, 0, .45);
68 
}
69
70 
.common-color-65 {
71 
  color: rgba(0, 0, 0, .65);
72 
}
73
41 74 
.common-color-85 {
42 75 
  color: rgba(0, 0, 0, .85);
43 76 
}
 
@ -46,10 +79,16 @@ body {
46 79 
  color: #3690F1;
47 80 
}
48 81
82 
.common-bg-02 {
83 
  background-color: rgba(0, 0, 0, .02);
84 
}
85
49 86 
/*    基础属性定义   */
50 
.common-page-back .ipu-icon{
87 
.ipu-toolbar .ipu-icon,
88 
.common-page-back .ipu-icon {
51 89 
  font-size: .22rem;
52 90 
}
91
53 92 
.common-checkbox > input {
54 93 
  -webkit-appearance: none;
55 94 
}

+ 42 - 21
2021/xz-cmc-wgt/biz/css/project.css
Целия файл 

@ -273,34 +273,31 @@
273 273
274 274 
.pages-app-about .app-logo {
275 275 
  display: block;
276 
  width: 1.4rem;
277 
  height: 1.4rem;
278 
  margin: .5rem auto;
276 
  width: 1.5rem;
277 
  height: 1.5rem;
278 
  margin: .4rem auto 0;
279 279 
  border-radius: .1rem;
280 280 
  background-color: #eee;
281 281 
}
282 282
283 283 
.pages-app-about .app-name {
284 
  margin-top: .24rem;
284 285 
  text-align: center;
285 
  color: #333;
286 
  font-size: .16rem;
287 
  font-weight: bold;
288 286 
}
289 287
290 288 
.pages-app-about .app-version {
291 
  padding-top: .1rem;
289 
  padding-top: .03rem;
292 290 
  text-align: center;
293 
  color: #333;
294 
  font-size: .14rem;
295 
  font-weight: bold;
291 
  color: rgba(0, 0, 0, .45);
292 
  font-size: .12rem;
293 
  line-height: .17rem;
296 294 
}
297 295
298 296 
.pages-app-about .app-desc {
299 
  color: #777;
300 297 
  text-indent: .3rem;
301 298 
  font-size: .14rem;
302 
  margin-top: .3rem;
303 
  padding: 0 .4rem;
299 
  line-height: .2rem;
300 
  margin: .24rem .16rem;
304 301 
}
305 302
306 303 
.pages-app-about {
 
@ -309,21 +306,45 @@
309 306
310 307 
/* 分享推广 */
311 308 
.share-block .app-name {
312 
  margin-top: .9rem;
313 
  color: #444;
314 
  font-size: .22rem;
309 
  margin-top: .4rem;
310 
  color: rgba(0, 0, 0, .85);
311 
  font-size: .18rem;
315 312 
  text-align: center;
316 
  line-height: 1.1;
313 
  line-height: .25rem;
317 314 
}
318 315
319 316 
.share-block .share-tips {
320 
  margin-top: .1rem;
317 
  margin-top: .06rem;
321 318 
  text-align: center;
322 
  font-size: .2rem;
323 
  color: #777;
324 
  line-height: 1.1;
319 
  font-size: .12rem;
320 
  color: rgba(0, 0, 0, .45);
321 
  line-height: .17rem;
325 322 
}
326 323
327 324 
.share-block .app-code-img {
325 
  margin: .25rem auto;
326 
  width: 2.56rem;
327 
  height: 2.56rem;
328 328 
  display: block;
329 329 
}
330
331 
/* 手势设置 */
332 
.pages-gesture-set .device-login-tips {
333 
  margin-top: .4rem;
334 
}
335
336 
.forget-pass-form .form-row-title {
337 
  padding: .16rem;
338 
}
339
340 
.pages-login-set .form-row {
341 
  min-height: .56rem;
342 
}
343
344 
.pages-login-set .to-gesture-set {
345 
  font-size: .2rem;
346 
}
347
348 
.form-row-block + .form-row-block .form-row-title {
349 
  padding-top: .24rem;
350 
}

+ 40 - 0
2021/xz-cmc-wgt/gesture-set.html
Целия файл 

@ -0,0 +1,40 @@
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="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/project.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/login-gesture.js"></script>
15 
</head>
16 
<body class="pages-gesture-set">
17
18 
<div class="ipu-flex-row ipu-flex-vertical">
19 
  <div class="ipu-flex-col ">
20 
    <header class="ipu-toolbar">
21 
      <a class="ipu-fn-left common-page-back" href="javascript:history.back();">
22 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
23 
        返回
24 
      </a>
25 
      <h1 class="ipu-toolbar-title">设置手势密码</h1>
26 
    </header>
27 
  </div>
28
29 
  <div class="ipu-flex-col ipu-flex-col-auto">
30 
    <div class="device-login-tips common-font14 common-primary-color">请设置登录手势</div>
31
32 
    <div class="gesture-input-block ipu-flex-middle-center">
33 
      <div class="" id="gesturepwd"></div>
34 
    </div>
35 
  </div>
36
37 
</div>
38
39 
</body>
40 
</html>

+ 79 - 0
2021/xz-cmc-wgt/login-set.html
Целия файл 

@ -0,0 +1,79 @@
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="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/project.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
</head>
15 
<body class="pages-login-set common-bg-02">
16
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col ">
19 
    <header class="ipu-toolbar">
20 
      <a class="ipu-fn-left common-page-back" href="javascript:history.back();">
21 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
22 
        返回
23 
      </a>
24 
      <h1 class="ipu-toolbar-title">安全设置</h1>
25 
    </header>
26 
  </div>
27
28 
  <div class="ipu-flex-col ipu-flex-col-auto">
29 
    <div class="ipu-flex-content">
30 
      <div class="forget-pass-form">
31
32 
        <div class="form-row-block">
33 
          <div class="common-bg-02 form-row-title common-font16-22 common-color-45">
34 
            登录验证方式
35 
          </div>
36 
          <div class="form-row ipu-flex-middle ipu-fn-bd-b">
37 
            <div class="ipu-flex-grow-1 form-row-label common-font16-22 common-color-85">
38 
              手势登录密码
39 
            </div>
40 
            <div class="ipu-flex-grow-0">
41 
              <label class="ipu-switch">
42 
                <input class="ipu-switch-input" type="checkbox">
43 
              </label>
44 
            </div>
45 
          </div>
46 
          <div class="form-row ipu-flex-middle ipu-fn-bd-b">
47 
            <div class="ipu-flex-grow-1 form-row-label common-font16-22 common-color-85">
48 
              指纹登录
49 
            </div>
50 
            <div class="ipu-flex-grow-0">
51 
              <label class="ipu-switch">
52 
                <input class="ipu-switch-input" type="checkbox">
53 
              </label>
54 
            </div>
55 
          </div>
56 
        </div>
57
58
59 
        <div class="form-row-block">
60 
          <div class="common-bg-02 form-row-title common-font16-22 common-color-45">
61 
            手势密码
62 
          </div>
63 
          <div class="form-row ipu-flex-middle ipu-fn-bd-b">
64 
            <div class="ipu-flex-grow-1 form-row-label common-font16-22 common-color-85">
65 
              修改手势密码
66 
            </div>
67 
            <div class="ipu-flex-grow-0">
68 
              <i class="to-gesture-set common-color-65 ri-arrow-right-s-line"></i>
69 
            </div>
70 
          </div>
71 
        </div>
72
73 
      </div>
74 
    </div>
75 
  </div>
76 
</div>
77
78 
</body>
79 
</html>

+ 64 - 0
2021/xz-cmc-wgt/pass-modify.html
Целия файл 

@ -0,0 +1,64 @@
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="biz/lib/remixicon/remixicon.css">
10 
  <link rel="stylesheet" type="text/css" href="biz/css/project.css">
11
12 
  <script src="ipu/lib/requirejs/require.js"></script>
13 
  <script src="biz/js/require-config.js"></script>
14 
</head>
15 
<body class="pages-pass-forget pages-pass-modify">
16
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col ">
19 
    <header class="ipu-toolbar">
20 
      <a class="ipu-fn-left common-page-back" href="javascript:history.back();">
21 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
22 
        返回
23 
      </a>
24 
      <h1 class="ipu-toolbar-title">修改密码</h1>
25 
    </header>
26 
  </div>
27
28 
  <div class="ipu-flex-col ipu-flex-col-auto">
29 
    <div class="ipu-flex-content">
30 
      <div class="forget-pass-form">
31 
        <div class="form-row ipu-flex-middle ipu-fn-bd-b">
32 
          <div class="form-row-input-wrap">
33 
            <input type="text" class="form-row-input" placeholder="请输入4A主账号登录名">
34 
          </div>
35 
        </div>
36
37 
        <div class="form-row ipu-flex-middle ipu-fn-bd-b">
38 
          <div class="form-row-input-wrap">
39 
            <input type="password" class="form-row-input"  placeholder="请输入原证码">
40 
          </div>
41 
        </div>
42
43 
        <div class="form-row ipu-flex-middle ipu-fn-bd-b">
44 
          <div class="form-row-input-wrap">
45 
            <input type="password" class="form-row-input"  placeholder="请输入新证码">
46 
          </div>
47 
        </div>
48
49 
        <div class="form-row ipu-flex-middle ">
50 
          <div class="form-row-input-wrap">
51 
            <input type="password" class="form-row-input"  placeholder="请再次输入新证码">
52 
          </div>
53 
        </div>
54 
      </div>
55
56 
      <div class="forget-btn-wrap">
57 
        <button class="common-btn-block">确定</button>
58 
      </div>
59 
    </div>
60 
  </div>
61 
</div>
62
63 
</body>
64 
</html>