Sākums Izpētīt Palīdzība
Reģistrēties Pierakstīties
jiangfu
/
CZKJ.JUNRUN
Vērot 1
Pievienot zvaigznīti 0
Atdalīts 0
Faili Problēmas 0 Izmaiņu pieprasījumi 0 Vikivietne
Pārlūkot izejas kodu

静态页完成

cr 5 gadi atpakaļ
vecāks
397992a51b
revīzija
f265484088
7 mainītis faili ar 157 papildinājumiem un 17 dzēšanām
Dalītais skats Rādīt salīdzināšanas statistiku
  1. 48 0
      web_html/assets/css/aboutus.css
  2. 1 1
      web_html/assets/css/maps/aboutus.css.map
  3. BIN
      web_html/assets/images/data/about-idea.jpg
  4. BIN
      web_html/assets/images/data/about.jpg
  5. 33 6
      web_html/html/aboutus.html
  6. 33 9
      web_html/src/pages/aboutus.html
  7. 42 1
      web_html/src/scss/aboutus.scss

+ 48 - 0
web_html/assets/css/aboutus.css
Parādīt failu 

@@ -11,4 +11,52 @@ br {
11 11 
   height: 10px;
12 12 
 }
13 13
14 
+.a-des {
15 
+  margin-top: 0.3rem;
16 
+  font-size: 0.16rem;
17 
+  line-height: 2.25;
18 
+}
19 
+
20 
+.about-info {
21 
+  margin-top: 0.8rem;
22 
+}
23 
+
24 
+.links {
25 
+  margin-top: 0.6rem;
26 
+  color: #036EB8;
27 
+  font-size: 0.2rem;
28 
+}
29 
+
30 
+.links a {
31 
+  display: inline-block;
32 
+}
33 
+
34 
+.links .icon {
35 
+  display: inline-block;
36 
+  font-size: 0.2rem;
37 
+  margin-left: 0.15rem;
38 
+}
39 
+
40 
+.links a ~ a {
41 
+  margin-left: 1rem;
42 
+}
43 
+
44 
+.idea {
45 
+  margin-top: 0.6rem;
46 
+  padding-top: 0.6rem;
47 
+  border-top: 0.03rem solid #036EB8;
48 
+  display: flex;
49 
+  justify-content: space-between;
50 
+}
51 
+
52 
+.idea .img {
53 
+  width: 6.6rem;
54 
+  height: auto;
55 
+}
56 
+
57 
+.idea .info {
58 
+  width: calc(100% - 7rem);
59 
+  padding-top: 0.2rem;
60 
+}
61 
+
14 62 
 /*# sourceMappingURL=maps/aboutus.css.map */

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 1 - 1
web_html/assets/css/maps/aboutus.css.map


BIN
web_html/assets/images/data/about-idea.jpg
Parādīt failu


BIN
web_html/assets/images/data/about.jpg
Parādīt failu


+ 33 - 6
web_html/html/aboutus.html
Parādīt failu 

@@ -25,6 +25,39 @@
25 25 
 <body class="">
26 26
27 27
28 
+    <div class="w">
29 
+        <div class="sec-banner">
30 
+            <img src="/assets/images/data/about.jpg" alt="">
31 
+        </div>
32 
+        <div class="about-info">
33 
+            <h1 class="sec-tit2">公司简介</h1>
34 
+            <div class="a-des">
35 
+                君润泰康医药化工科技（北京）有限公司是一家为国内外工业化学品、农药、肥料、化妆品、药品及医疗器械等企业产品进入市场前提供注册登记和相应的管理法规咨询和技术支持的服务机构。
36 
+                依托公司管理团队丰富的跨国企业管理经验，凭借对中国化学品、农化产品、化妆品、药品及医疗器械法规管理体系深刻的理解，拥有一批行业内资深专家、顾问组成的专业团队，为广大客户提供精准的法规政策和技术咨询服务，为申报企业的产品顺利获得注册登记或备案，走向市场保驾护航。
37 
+            </div>
38 
+        </div>
39 
+        <div class="links">
40 
+            <a href="">会议培训<span class="icon">→</span></a>
41 
+            <a href="">公司新闻<span class="icon">→</span></a>
42 
+        </div>
43 
+
44 
+        <div class="idea">
45 
+            <div class="img img-cover">
46 
+                <img class="full" src="/assets/images/data/about-idea.jpg" alt="">
47 
+            </div>
48 
+            <div class="info">
49 
+                <h1 class="sec-tit2">企业理念</h1>
50 
+                <p class="a-des">君润科技向客户郑重承诺，在遵循国家法律法规的前提下，秉承“诚信专业、高效、共赢”的服务理念，提供“专注、专业、专心”的高品质服务。</p>
51 
+            </div>
52 
+        </div>
53 
+        <div class="links">
54 
+            <a href="">工业化学品<span class="icon">→</span></a>
55 
+            <a href="">农用化学品<span class="icon">→</span></a>
56 
+            <a href="">化妆品<span class="icon">→</span></a>
57 
+            <a href="">药品及医疗器械<span class="icon">→</span></a>
58 
+        </div>
59 
+    </div>
60 
+
28 61 
     <header>
29 62 
         <div class="w">
30 63 
             <div class="top-nav">
 
@@ -81,12 +114,6 @@
81 114
82 115
83 116
84 
-
85 
-
86 
-
87 
-
88 
-
89 
-
90 117 
     <footer>
91 118 
         <div class="w">
92 119 
             <a href="" class="logo">

+ 33 - 9
web_html/src/pages/aboutus.html
Parādīt failu 

@@ -1,19 +1,43 @@
1 1 
 @(( 关于我们 ))
2 2
3 3 
 <!-- @style -->
4 
-
5 4 
 <link rel="stylesheet" href="/assets/css/aboutus.css" />
6 
-
7 
-
8 5 
 <!-- @style end -->
9 6
10 
-@@include('header.html')
11 
-
12 
-
13 
-
14 
-
15 
-
7 
+<div class="w">
8 
+    <div class="sec-banner">
9 
+        <img src="/assets/images/data/about.jpg" alt="">
10 
+    </div>
11 
+    <div class="about-info">
12 
+        <h1 class="sec-tit2">公司简介</h1>
13 
+        <div class="a-des">
14 
+            君润泰康医药化工科技（北京）有限公司是一家为国内外工业化学品、农药、肥料、化妆品、药品及医疗器械等企业产品进入市场前提供注册登记和相应的管理法规咨询和技术支持的服务机构。
15 
+            依托公司管理团队丰富的跨国企业管理经验，凭借对中国化学品、农化产品、化妆品、药品及医疗器械法规管理体系深刻的理解，拥有一批行业内资深专家、顾问组成的专业团队，为广大客户提供精准的法规政策和技术咨询服务，为申报企业的产品顺利获得注册登记或备案，走向市场保驾护航。
16 
+        </div>
17 
+    </div>
18 
+    <div class="links">
19 
+        <a href="">会议培训<span class="icon">→</span></a>
20 
+        <a href="">公司新闻<span class="icon">→</span></a>
21 
+    </div>
22 
+
23 
+    <div class="idea">
24 
+        <div class="img img-cover">
25 
+            <img class="full" src="/assets/images/data/about-idea.jpg" alt="">
26 
+        </div>
27 
+        <div class="info">
28 
+            <h1 class="sec-tit2">企业理念</h1>
29 
+            <p class="a-des">君润科技向客户郑重承诺，在遵循国家法律法规的前提下，秉承“诚信专业、高效、共赢”的服务理念，提供“专注、专业、专心”的高品质服务。</p>
30 
+        </div>
31 
+    </div>
32 
+    <div class="links">
33 
+        <a href="">工业化学品<span class="icon">→</span></a>
34 
+        <a href="">农用化学品<span class="icon">→</span></a>
35 
+        <a href="">化妆品<span class="icon">→</span></a>
36 
+        <a href="">药品及医疗器械<span class="icon">→</span></a>
37 
+    </div>
38 
+</div>
16 39
40 
+@@include('header.html')
17 41
18 42
19 43 
 @@include('footer.html')

+ 42 - 1
web_html/src/scss/aboutus.scss
Parādīt failu 

@@ -1 +1,42 @@
1 
-@import "./components/project-config";
1 
+@import "./components/project-config";
2 
+.a-des{
3 
+    margin-top: 0.3rem;
4 
+    font-size: 0.16rem;
5 
+    line-height: 2.25;
6 
+}
7 
+.about-info{
8 
+    margin-top: 0.8rem;
9 
+}
10 
+.links{
11 
+    margin-top: 0.6rem;
12 
+    color: $color2;
13 
+    font-size: 0.2rem;
14 
+    a{
15 
+        display: inline-block;
16 
+    }
17 
+    .icon{
18 
+        display: inline-block;
19 
+        font-size: 0.2rem;
20 
+        margin-left: 0.15rem;
21 
+    }
22 
+    a~a{
23 
+        margin-left: 1rem;
24 
+    }
25 
+}
26 
+
27 
+.idea{
28 
+    margin-top: 0.6rem;
29 
+    padding-top: 0.6rem;
30 
+    border-top: 0.03rem solid $color2;
31 
+    display: flex;
32 
+    justify-content: space-between;
33 
+    .img{
34 
+        width: 6.6rem;
35 
+        height: auto;
36 
+
37 
+    }
38 
+    .info{
39 
+        width: calc(100% - 7rem);
40 
+        padding-top: 0.2rem;
41 
+    }
42 
+}