xhkjedu
/
xh_web
關注 6
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
瀏覽代碼

服务案例

gzb
guozhongbo 1 年之前
父節點
275f73ff80
當前提交
021a00e379
共有 8 個檔案被更改，包括 300 行新增 和 8 行删除
分割檢視 顯示文件統計
  1. 88
    0
      css/product.css
  2. 46
    0
      css/service.css
  3. 二進制
      img/product.png
  4. 11
    0
      js/product.js
  5. 4
    2
      sections/about.html
  6. 128
    2
      sections/product.html
  7. 19
    2
      sections/service.html
  8. 4
    2
      sections/trial.html

+ 88
- 0
css/product.css 查看文件 

@@ -0,0 +1,88 @@
1 
+body{
2 
+  background-color: white;
3 
+}
4 
+.pro_header{
5 
+  width: 100%;
6 
+  height: 3.9rem;
7 
+}
8 
+.pro_header img{
9 
+  width: 100%;
10 
+  height: 100%;
11 
+}
12 
+.piece {
13 
+  width: 100%;
14 
+  /* height: 8rem; */
15 
+}
16 
+.piece_color{
17 
+  background-color: #f5f6f9ff;
18 
+}
19 
+.piece_item{
20 
+ width: 70%;
21 
+ margin:0 auto;
22 
+ padding: 1rem 0 0.4rem;
23 
+}
24 
+.area_title{
25 
+  color: #000000;
26 
+  letter-spacing: 0.01rem;
27 
+  font-size: 0.4rem;
28 
+  font-weight: bold;
29 
+  text-align: center;
30 
+  margin-bottom: 0.4rem;
31 
+}
32 
+.area_comm p{
33 
+  color: #000000;
34 
+  font-size: 0.16rem;
35 
+  text-align: center;
36 
+  letter-spacing: 0.02rem;
37 
+  line-height: 0.3rem;
38 
+  margin: 0;
39 
+}
40 
+.area_content{
41 
+  margin-top: 0.4rem;
42 
+}
43 
+.area_list{
44 
+  display: flex;
45 
+  justify-content: space-between;
46 
+}
47 
+.area_item{
48 
+  height: 3.3rem;
49 
+  border-radius: 0.1rem;
50 
+  background: #fefeffff;
51 
+  border: 1px solid #f1f4fc;
52 
+  padding: 0.5rem 0.2rem 0.1rem;
53 
+  box-sizing: border-box;
54 
+  background-color: #fefeff;
55 
+}
56 
+.area_item div{
57 
+  text-align: center;
58 
+  font-size: 0.24rem;
59 
+  font-weight: bold;
60 
+  letter-spacing: 0.02rem;
61 
+  color: #000000;
62 
+  line-height: 0.6rem;
63 
+}
64 
+.area_item p {
65 
+  color: #666666;
66 
+  text-align: left;
67 
+  line-height: 0.3rem;
68 
+  font-size: 0.16rem;
69 
+  letter-spacing: 0.02rem;
70 
+}
71 
+.three{
72 
+  width: calc(33% - 0.2rem);
73 
+}
74 
+.four {
75 
+  width: calc(25% - 0.2rem);
76 
+}
77 
+.exam_lbt{
78 
+  display: flex;
79 
+}
80 
+.exam_lbt .lbt_left{
81 
+  width: 30%;
82 
+}
83 
+.lbt_left div{
84 
+  font-size: .2rem;
85 
+}
86 
+.exam_lbt .lbt_right {
87 
+  width: 70%;
88 
+}

+ 46
- 0
css/service.css 查看文件 

@@ -0,0 +1,46 @@
1 
+.ser_header {
2 
+  width: 100%;
3 
+  height: 3.9rem;
4 
+  position: relative;
5 
+}
6 
+
7 
+.ser_header img {
8 
+  width: 100%;
9 
+  height: 100%;
10 
+}
11 
+.suspension{
12 
+  position: absolute;
13 
+  left: 2rem;
14 
+  top: 1.3rem;
15 
+  color: white;
16 
+}
17 
+.suspension div{
18 
+  font-weight: bold;
19 
+  font-size: 0.4rem;
20 
+  margin-bottom: 0.4rem;
21 
+}
22 
+.suspension p{
23 
+  font-size: 0.16rem;
24 
+}
25 
+.ser_content{
26 
+  width: 70%;
27 
+    margin: 0 auto;
28 
+    padding: 1rem 0 0.4rem;
29 
+}
30 
+.ser_title {
31 
+  color: #000000;
32 
+  letter-spacing: 0.01rem;
33 
+  font-size: 0.4rem;
34 
+  font-weight: bold;
35 
+  text-align: center;
36 
+  margin-bottom: 0.4rem;
37 
+}
38 
+
39 
+.ser_comm p {
40 
+  color: #000000;
41 
+  font-size: 0.16rem;
42 
+  text-align: center;
43 
+  letter-spacing: 0.02rem;
44 
+  line-height: 0.3rem;
45 
+  margin: 0;
46 
+}

二進制
img/product.png 查看文件


+ 11
- 0
js/product.js 查看文件 

@@ -0,0 +1,11 @@
1 
+var mySwiper = new Swiper ('.swiper-container', {
2 
+           slidesPerView: 1,
3 
+        spaceBetween: 30,
4 
+        pagination: ".swiper-pagination",
5 
+        nextButton: ".swiper-button-next",
6 
+        prevButton: ".swiper-button-prev",
7 
+        paginationClickable: true,
8 
+        autoplay: 3000,
9 
+        loop: true,
10 
+})
11 
+        console.log(2);

+ 4
- 2
sections/about.html 查看文件 

@@ -4,7 +4,9 @@
4 4 
     <meta charset="UTF-8" />
5 5 
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
-    <title>Document</title>
7 
+    <title>关于我们</title>
8 8 
   </head>
9 
-  <body></body>
9 
+  <body>
10 
+    关于
11 
+  </body>
10 12 
 </html>

+ 128
- 2
sections/product.html 查看文件 

@@ -4,7 +4,133 @@
4 4 
     <meta charset="UTF-8" />
5 5 
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
-    <title>Document</title>
7 
+    <link rel="stylesheet" href="../librarys/swiper@3.4.2/swiper.min.css" />
8 
+    <link rel="stylesheet" href="../css/comm.css" />
9 
+    <link rel="stylesheet" href="../css/product.css" />
10 
+    <script src="../utils/rem.js"></script>
11 
+    <title>产品中心</title>
8 12 
   </head>
9 
-  <body></body>
13 
+  <body>
14 
+    <div class="pro_header">
15 
+      <img src="../img/product.png" />
16 
+    </div>
17 
+    <div class="pro_content">
18 
+      <div class="piece">
19 
+        <div class="area piece_item">
20 
+          <div class="area_title">区域大数据平台</div>
21 
+          <div class="area_comm">
22 
+            <p>
23 
+              推动信息技术与教育教学场景深度融合，构建一体化的“互联网+教育”大平台
24 
+            </p>
25 
+            <p>
26 
+              实现优秀师资和教育大数据的有效共享，助力教育服务模式升级和教育治理水平提升
27 
+            </p>
28 
+          </div>
29 
+          <div class="area_content">
30 
+            <div class="area_list">
31 
+              <div class="area_item three">
32 
+                <div>互联互通</div>
33 
+                <p>
34 
+                  整合省、市、区/县、校多级数据，建立多源
35 
+                  数据融合平台；制定统一的数据标准，完善
36 
+                  数据管理体系，统筹数据治理工作
37 
+                </p>
38 
+              </div>
39 
+              <div class="area_item three">
40 
+                <div>决策支撑</div>
41 
+                <p>
42 
+                  利用大数据技术，对基础数据进行多维度、
43 
+                  全方位、立体化的挖掘、采集、分析，为领 导提供决策依据
44 
+                </p>
45 
+              </div>
46 
+              <div class="area_item three">
47 
+                <div>智慧教育</div>
48 
+                <p>
49 
+                  借助“大数据+AI”，为决策者提供精准、可
50 
+                  靠的数据支撑，实现师生减负增效，促进学生
51 
+                  个性化发展，实现因材施教，提升教学效率
52 
+                </p>
53 
+              </div>
54 
+            </div>
55 
+            <div class="area_list" style="margin-top: 0.3rem">
56 
+              <div class="area_item four">
57 
+                <div>资源整合</div>
58 
+                <p>
59 
+                  支持多源、多类数据接入，对外 提供标准数据接口，满足后续业
60 
+                  务扩展
61 
+                </p>
62 
+              </div>
63 
+              <div class="area_item four">
64 
+                <div>区域部署</div>
65 
+                <p>支持多种部署方式，满足用户各 个场景下的实际需求</p>
66 
+              </div>
67 
+              <div class="area_item four">
68 
+                <div>资源共享</div>
69 
+                <p>实现各级教育管理机构优质教 育资源的共建共享和均衡配置</p>
70 
+              </div>
71 
+              <div class="area_item four">
72 
+                <div>统一平台</div>
73 
+                <p>
74 
+                  提供一站式管理界面，实现各个 业务系统统一操作、维护，增加
75 
+                  效率、降低运营成本
76 
+                </p>
77 
+              </div>
78 
+            </div>
79 
+          </div>
80 
+        </div>
81 
+      </div>
82 
+      <div class="piece piece_color">
83 
+        <div class="piece_item">
84 
+          <div class="area_title">校园教学平台</div>
85 
+          <div class="area_comm">
86 
+            <p>
87 
+              通过教学辅助工具，提高教学工作效率；通过数据管理工具，促进资源合理配置；通过优化师生服务，提升教育教学水平。
88 
+            </p>
89 
+          </div>
90 
+        </div>
91 
+      </div>
92 
+      <div class="piece">
93 
+        <div class="piece_item">
94 
+          <div class="area_title">考试及测评系统</div>
95 
+          <div class="area_comm">
96 
+            <p>
97 
+              通过便捷的网上组题、命题、评价、智能评卷、数据自动统计分析等流程
98 
+            </p>
99 
+            <p>
100 
+              最终根据用户实际使用需求设置统计分析指标进行多维度数据分析，且自动生成各类统计分析报表
101 
+            </p>
102 
+          </div>
103 
+          <!-- 轮播图 -->
104 
+          <div class="exam_lbt">
105 
+            <div class="lbt_left">
106 
+              <div class="lbt_title">命题智能化</div>
107 
+              <div class="lbt_title">命题智能化</div>
108 
+              <div class="lbt_title">命题智能化</div>
109 
+              <div class="lbt_title">命题智能化</div>
110 
+              <div class="lbt_title">命题智能化</div>
111 
+            </div>
112 
+            <div class="lbt_right">img</div>
113 
+          </div>
114 
+        </div>
115 
+      </div>
116 
+    </div>
117 
+
118 
+    <!-- <div class="lbnt_container swiper-container">
119 
+      <div class="swiper-wrapper">
120 
+        <div class="swiper-slide"><img src="../img/WechatIMG200.jpeg" /></div>
121 
+        <div class="swiper-slide"><img src="../img/WechatIMG201.jpeg" /></div>
122 
+        <div class="swiper-slide"><img src="../img/WechatIMG202.jpeg" /></div>
123 
+        <div class="swiper-slide"><img src="../img/WechatIMG205.jpeg" /></div>
124 
+        <div class="swiper-slide"><img src="../img/WechatIMG206.jpeg" /></div>
125 
+        <div class="swiper-slide"><img src="../img/WechatIMG207.jpeg" /></div>
126 
+      </div>
127 
+      <div class="swiper-pagination"></div>
128 
+      <div class="swiper-button-prev"></div>
129 
+      <div class="swiper-button-next"></div>
130 
+      <div class="swiper-scrollbar"></div>
131 
+    </div> -->
132 
+  </body>
133 
+  <script src="../librarys/jquery@1.12.4/jquery.min.js"></script>
134 
+  <script src="../librarys/swiper@3.4.2/swiper.jquery.min.js"></script>
135 
+  <script src="../js/product.js"></script>
10 136 
 </html>

+ 19
- 2
sections/service.html 查看文件 

@@ -4,7 +4,24 @@
4 4 
     <meta charset="UTF-8" />
5 5 
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
-    <title>Document</title>
7 
+    <link rel="stylesheet" href="../css/comm.css" />
8 
+    <link rel="stylesheet" href="../css/service.css" />
9 
+    <script src="../utils/rem.js"></script>
10 
+    <title>服务案例</title>
8 11 
   </head>
9 
-  <body></body>
12 
+  <body>
13 
+    <div class="ser_header">
14 
+      <img src="../img/product.png" />
15 
+      <div class="suspension">
16 
+        <div>服务案例</div>
17 
+        <p>云鸽最新资讯，让一切皆有可能</p>
18 
+      </div>
19 
+    </div>
20 
+    <div class="ser_content">
21 
+      <div class="ser_title">高校智慧教学</div>
22 
+      <div class="ser_comm">
23 
+        <p>提供智慧教学服务，提供高质量的同步课堂、互动课堂教学系统等方案</p>
24 
+      </div>
25 
+    </div>
26 
+  </body>
10 27 
 </html>

+ 4
- 2
sections/trial.html 查看文件 

@@ -4,7 +4,9 @@
4 4 
     <meta charset="UTF-8" />
5 5 
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6 6 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7 
-    <title>Document</title>
7 
+    <title>申请试用</title>
8 8 
   </head>
9 
-  <body></body>
9 
+  <body>
10 
+    试用
11 
+  </body>
10 12 
 </html>

Write Preview
Loading…
取消
儲存