xhkjedu
/
schoolReportPDF
Volgen 8
Ster 0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
Bladeren bron

封面

wzl_h
wangzhonglu 2 jaren geleden
bovenliggende
43806c26d3
commit
151f490bc3
10 gewijzigde bestanden met toevoegingen van 81 en 2 verwijderingen
Zij-aan-zij weergave Toon Diff Stats
  1. 1
    0
      css/common.css
  2. 30
    0
      css/cover.css
  3. 0
    0
      js/cover.js
  4. 5
    0
      js/section_2.js
  5. 5
    0
      js/section_3.js
  6. 5
    0
      js/section_4.js
  7. 12
    0
      sections/catalog.html
  8. 21
    0
      sections/cover.html
  9. 1
    1
      sections/section_3.html
  10. 1
    1
      sections/section_4.html

+ 1
- 0
css/common.css Bestand weergeven 

@@ -21,6 +21,7 @@ h1,h2,h3,h4 {
21 21 
   background-color: #fff;
22 22 
 }
23 23 
 .page_root {
24 
+  position: relative;
24 25 
   margin: 0 auto;
25 26 
   padding: 0 8mm;
26 27 
   width: 210mm;

+ 30
- 0
css/cover.css Bestand weergeven 

@@ -0,0 +1,30 @@
1 
+.bg_img {
2 
+  position: absolute;
3 
+  top: 0;
4 
+  right: 0;
5 
+  bottom: 0;
6 
+  left: 0;
7 
+  width: 100%;
8 
+  height: 100%;
9 
+}
10 
+.logo_img {
11 
+  position: absolute;
12 
+  top: 11mm;
13 
+  left: 15mm;
14 
+  width: 61mm;
15 
+  height: 13mm;
16 
+}
17 
+.school_info {
18 
+  position: absolute;
19 
+  bottom: 33mm;
20 
+  padding-left: 52mm;
21 
+  box-sizing: border-box;
22 
+}
23 
+.school_name {
24 
+  font-size: 12mm;
25 
+  line-height: 24mm;
26 
+}
27 
+.report_time {
28 
+  font-size: 7mm;
29 
+  line-height: 17mm;
30 
+}

+ 0
- 0
js/cover.js Bestand weergeven


+ 5
- 0
js/section_2.js Bestand weergeven 

@@ -0,0 +1,5 @@
1 
+$(function() {
2 
+  // outerHeight(true) 高度为 height+margin+padding+border
3 
+  let parameter = $(".section_2_html_root").data("page-params");
4 
+  console.log("section_2:parameter", parameter);
5 
+});

+ 5
- 0
js/section_3.js Bestand weergeven 

@@ -0,0 +1,5 @@
1 
+$(function() {
2 
+  // outerHeight(true) 高度为 height+margin+padding+border
3 
+  let parameter = $(".section_3_html_root").data("page-params");
4 
+  console.log("section_3:parameter", parameter);
5 
+});

+ 5
- 0
js/section_4.js Bestand weergeven 

@@ -0,0 +1,5 @@
1 
+$(function() {
2 
+  // outerHeight(true) 高度为 height+margin+padding+border
3 
+  let parameter = $(".section_4_html_root").data("page-params");
4 
+  console.log("section_4:parameter", parameter);
5 
+});

+ 12
- 0
sections/catalog.html Bestand weergeven 

@@ -0,0 +1,12 @@
1 
+<!DOCTYPE html>
2 
+<html lang="zh-cn">
3 
+<head>
4 
+  <meta charset="UTF-8">
5 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+  <title>校本PDF报告-目录</title>
8 
+</head>
9 
+<body>
10 
+  <div class="page_root"></div>
11 
+</body>
12 
+</html>

+ 21
- 0
sections/cover.html Bestand weergeven 

@@ -0,0 +1,21 @@
1 
+<!DOCTYPE html>
2 
+<html lang="zh-cn">
3 
+<head>
4 
+  <meta charset="UTF-8">
5 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 
+  <title>校本PDF报告-封面</title>
8 
+  <link rel="stylesheet" href="../css/cover.css">
9 
+</head>
10 
+<body>
11 
+  <div class="page_root">
12 
+    <img class="bg_img" src="../img/bj.png" />
13 
+    <img class="logo_img" src="../img/logo.png" />
14 
+    <div class="school_info">
15 
+      <div class="school_name">星火云鸽中学2022年9月</div>
16 
+      <div class="report_time">诊断时间：2022年09月20日</div>
17 
+    </div>
18 
+  </div>
19 
+  <script src="../js/cover.js"></script>
20 
+</body>
21 
+</html>

+ 1
- 1
sections/section_3.html Bestand weergeven 

@@ -22,6 +22,6 @@
22 22 
     <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23 23 
     <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24 24 
   </div>
25 
-  <script src="../js/section_1.js"></script>
25 
+  <script src="../js/section_3.js"></script>
26 26 
 </body>
27 27 
 </html>

+ 1
- 1
sections/section_4.html Bestand weergeven 

@@ -22,6 +22,6 @@
22 22 
     <h3 class="section_title_3">2.1 各科满分、最高分、最低分、平均分对比分析</h3>
23 23 
     <h4 class="section_title_4">2.1.1 各科满分、最高分、最低分、平均分对比分析</h4>
24 24 
   </div>
25 
-  <script src="../js/section_2.js"></script>
25 
+  <script src="../js/section_4.js"></script>
26 26 
 </body>
27 27 
 </html>

Schrijf Voorbeeld
Laden…
Annuleren
Opslaan