Accueil Explorer Aide
Connexion
asiainfo
/
static
Suivre 2
Voter 0
Fork 0
Code Tickets 0 Pull Requests 0 Commits 1627 Publications 4 Wiki
Parcourir la Source

增加app关于应用页面

guohh 5 ans auparavant
Parent
a4641eb97c
commit
e5db16c115
6 fichiers modifiés avec 288 ajouts et 0 suppressions
Vue séparée Afficher les stats Diff
  1. 92 0
      2020/x-3/app-about-fun.html
  2. 67 0
      2020/x-3/app-about-special.html
  3. 59 0
      2020/x-3/app-about.html
  4. 56 0
      2020/x-3/biz/css/base-ghh.css
  5. BIN
      2020/x-3/biz/img/logo-about.png
  6. 14 0
      2020/x-3/biz/js/page/app-about.js

+ 92 - 0
2020/x-3/app-about-fun.html
Voir le fichier 

@ -0,0 +1,92 @@
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/base.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-fun">
16
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col">
19 
    <header class="ipu-toolbar">
20 
      <h1 class="ipu-toolbar-title">功能</h1>
21 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
22 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
23 
      </a>
24 
    </header>
25 
  </div>
26
27 
  <div class="ipu-flex-col ipu-flex-col-auto">
28
29 
    <div class="common-page-content">
30
31 
      <div class="app-about-block">
32 
        <div class="app-about-block-title">
33 
          会议管理
34 
        </div>
35 
        <div class="app-about-block-content">
36 
          <div class="app-about-block-desc">
37 
            全平台接入的多人视频会议，支持100方稳定接入，无需下载App即可通过浏览器加入视频会议。
38 
          </div>
39 
          <div class="app-about-block-desc">
40 
            更灵活高效的会议管理，通过日程了解同事闲忙状态、接收会议提醒，预约会议不再反复沟通。
41 
          </div>
42 
        </div>
43 
      </div>
44
45 
      <div class="app-about-block">
46 
        <div class="app-about-block-title">
47 
          高效沟通
48 
        </div>
49 
        <div class="app-about-block-content">
50 
          <div class="app-about-block-desc">
51 
            更方便快捷的企业通讯录，可查看到企业内的全部成员，快速查找对应的人员信息方便沟通。
52 
          </div>
53 
          <div class="app-about-block-desc">
54 
            更简单易用的内部群聊，可在企业内快速建立群聊，让沟通畅通无阻。
55 
          </div>
56 
        </div>
57 
      </div>
58
59 
      <div class="app-about-block">
60 
        <div class="app-about-block-title">
61 
          多人协作
62 
        </div>
63 
        <div class="app-about-block-content">
64 
          <div class="app-about-block-desc">
65 
            分工明确的任务清单，随时随地可查看分配的任务，责任明确。
66 
          </div>
67 
          <div class="app-about-block-desc">
68 
            更灵活准确的日程管理，高效快速地预定、修改会议免去反复沟通确认。
69 
          </div>
70 
        </div>
71 
      </div>
72
73 
      <div class="app-about-block">
74 
        <div class="app-about-block-title">
75 
          应用集成
76 
        </div>
77 
        <div class="app-about-block-content">
78 
          <div class="app-about-block-desc">
79 
            多应用平台接入，不再需要下载繁多的软件，做到更方便快捷地多应用集成。
80 
          </div>
81 
          <div class="app-about-block-desc">
82 
            通过集成企业专业化的系统，更快速地满足企业专业业务工作的需求。
83 
          </div>
84 
        </div>
85 
      </div>
86
87 
    </div>
88 
  </div>
89 
</div>
90
91 
</body>
92 
</html>

+ 67 - 0
2020/x-3/app-about-special.html
Voir le fichier 

@ -0,0 +1,67 @@
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/base.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-special">
16
17 
<div class="ipu-flex-row ipu-flex-vertical">
18 
  <div class="ipu-flex-col">
19 
    <header class="ipu-toolbar">
20 
      <h1 class="ipu-toolbar-title">特性</h1>
21 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
22 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
23 
      </a>
24 
    </header>
25 
  </div>
26
27 
  <div class="ipu-flex-col ipu-flex-col-auto">
28 
    <div class="common-page-content">
29
30 
      <div class="app-about-block">
31 
        <div class="app-about-block-title">
32 
          敏捷高效
33 
        </div>
34 
        <div class="app-about-block-content">
35 
          <div class="app-about-block-desc">
36 
            整合高效率的办公工具，企业成员即可实现高效沟通与协作，提升员工、部门、企业的工作效率，创造更多的价值
37 
          </div>
38 
        </div>
39 
      </div>
40
41 
      <div class="app-about-block">
42 
        <div class="app-about-block-title">
43 
          小而精
44 
        </div>
45 
        <div class="app-about-block-content">
46 
          <div class="app-about-block-desc">
47 
            X部落可集成各个业务系统，通过应用集成，使X部落实现在专业领域做到卓越
48 
          </div>
49 
        </div>
50 
      </div>
51
52 
      <div class="app-about-block">
53 
        <div class="app-about-block-title">
54 
          安全稳定
55 
        </div>
56 
        <div class="app-about-block-content">
57 
          <div class="app-about-block-desc">
58 
            通过加密通道传输和私有化部署，保证数据传输安全，全面保护企业信息安全
59 
          </div>
60 
        </div>
61 
      </div>
62
63 
    </div>
64 
  </div>
65
66 
</body>
67 
</html>

+ 59 - 0
2020/x-3/app-about.html
Voir le fichier 

@ -0,0 +1,59 @@
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/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/app-about.js"></script>
15 
</head>
16 
<body class="pages-message-detail">
17
18 
<div class="ipu-flex-row ipu-flex-vertical">
19 
  <div class="ipu-flex-col">
20 
    <header class="ipu-toolbar">
21 
      <h1 class="ipu-toolbar-title">关于应用</h1>
22 
      <a class="ipu-fn-left page-back" href="javascript:history.back();">
23 
        <i class="ipu-icon ri-arrow-left-s-line"></i>
24 
      </a>
25 
    </header>
26 
  </div>
27
28 
  <div class="ipu-flex-col ipu-flex-col-auto">
29 
    <div class="common-page-content">
30 
      <div class="about-app-logo"></div>
31 
      <div class="about-app-version">
32 
        当前版本V1.0.0
33 
      </div>
34
35 
      <div class="ipu-list common-list-padding ipu-list-about">
36 
        <ul>
37 
          <li>
38 
            <a class="ipu-list-item ipu-list-item-link ipu-list-item-special" href="javascript:;">
39 
              <div class="ipu-list-item-inner ipu-flex-align-center">
40 
                <div class="ipu-list-item-title">特性</div>
41 
              </div>
42 
            </a>
43 
          </li>
44 
          <li>
45 
            <a class="ipu-list-item ipu-list-item-link ipu-list-item-fun" href="javascript:;">
46 
              <div class="ipu-list-item-inner ipu-flex-align-center">
47 
                <div class="ipu-list-item-title">功能</div>
48 
              </div>
49 
            </a>
50 
          </li>
51 
        </ul>
52 
      </div>
53
54 
    </div>
55 
  </div>
56 
</div>
57
58 
</body>
59 
</html>

+ 56 - 0
2020/x-3/biz/css/base-ghh.css
Voir le fichier 

@ -3360,4 +3360,60 @@ body:not(.body-unsupport-copy) .ipu-list-item-manual {
3360 3360
3361 3361 
.pages-contact-detail .ipu-list > ul > li {
3362 3362 
  background-color: transparent;
3363 
}
3364
3365 
.about-app-logo {
3366 
  width: .6rem;
3367 
  height: .6rem;
3368 
  margin: .2rem auto 0;
3369 
  background: url("../img/logo-about.png") center center no-repeat;
3370 
  background-size: 100% auto;
3371 
}
3372
3373 
.about-app-version {
3374 
  margin-top: .1rem;
3375 
  font-size: .14rem;
3376 
  line-height: .2rem;
3377 
  text-align: center;
3378 
  color: #718096;
3379 
}
3380
3381 
.ipu-list-about {
3382 
  margin-top: .3rem;
3383 
}
3384
3385 
.ipu-list-about .ipu-list-item-title {
3386 
  font-size: .18rem;
3387 
  line-height: .22rem;
3388 
  color: #1A202C;
3389 
}
3390
3391 
.ipu-list-about .ipu-list-item-link:after {
3392 
  background-position: left center;
3393 
}
3394
3395 
.app-about-block-title {
3396 
  font-weight: 500;
3397 
  font-size: .24rem;
3398 
  line-height: .2rem;
3399 
  color: #1A202C;
3400 
}
3401
3402 
.app-about-block-desc {
3403 
  margin-top: .2rem;
3404 
  font-size: .14rem;
3405 
  line-height: .2rem;
3406 
  color: #000000;
3407 
}
3408
3409 
.app-about-block-desc + .app-about-block-desc {
3410 
  margin-top: .1rem;
3411 
}
3412
3413 
.app-about-block {
3414 
  margin: .2rem;
3415 
}
3416
3417 
.app-about-block + .app-about-block {
3418 
  margin-top: .4rem;
3363 3419 
}

BIN
2020/x-3/biz/img/logo-about.png
Voir le fichier


+ 14 - 0
2020/x-3/biz/js/page/app-about.js
Voir le fichier 

@ -0,0 +1,14 @@
1 
require(["ipuUI", "jquery"], function (ipuUI, $) {
2 
  $(function () {
3
4 
    // 进入特性页
5 
    $(".ipu-list-item-special").click(function () { // 选中输入框
6 
      location.href = "app-about-special.html";
7 
    });
8
9 
    // 进入功能页
10 
    $(".ipu-list-item-fun").click(function () { // 选中输入框
11 
      location.href = "app-about-fun.html";
12 
    });
13 
  });
14 
});