diff --git a/1.svg b/1.svg deleted file mode 100644 index 33fa7fe..0000000 --- a/1.svg +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file diff --git a/H5/h5.css b/H5/h5.css new file mode 100644 index 0000000..6c92b51 --- /dev/null +++ b/H5/h5.css @@ -0,0 +1,39 @@ +body { + margin: 0; + background-color: #f6f6f6; +} +.admission-officer { + min-height: 100vh; + background-color: #f6f6f6; +} +.admission-officer * { + padding: 0; + margin: 0; + box-sizing: border-box; + scroll-behavior: smooth; +} +.admission-officer .flexflex { + display: flex; +} +.admission-officer .flexcenter { + display: flex; + justify-content: center; + align-items: center; +} +.admission-officer .flexacenter { + display: flex; + align-items: center; +} +.admission-officer .flex1 { + flex: 1; +} +.admission-officer img { + object-fit: cover; +} +.admission-officer a { + text-decoration: none; +} +.admission-officer .aaaa { + width: 10rem; + height: 6.25rem; +} diff --git a/H5/h5.html b/H5/h5.html new file mode 100644 index 0000000..02818f2 --- /dev/null +++ b/H5/h5.html @@ -0,0 +1,38 @@ + + + + + + Document + + + + + +
+ +
+
+ + + + + + diff --git a/H5/h5.less b/H5/h5.less new file mode 100644 index 0000000..034ed15 --- /dev/null +++ b/H5/h5.less @@ -0,0 +1,47 @@ +body { + margin: 0; + background-color: rgba(246, 246, 246, 1); +} +.admission-officer { + min-height: 100vh; + background-color: rgba(246, 246, 246, 1); + + * { + padding: 0; + margin: 0; + box-sizing: border-box; + scroll-behavior: smooth; + } + + .flexflex { + display: flex; + } + + .flexcenter { + display: flex; + justify-content: center; + align-items: center; + } + + .flexacenter { + display: flex; + align-items: center; + } + + .flex1 { + flex: 1; + } + + img { + object-fit: cover; + } + + a { + text-decoration: none; + } + + .aaaa { + width: 10rem; + height: 6.25rem; + } +} diff --git a/css/index.css b/css/index.css index 68a25e3..ab37ebd 100644 --- a/css/index.css +++ b/css/index.css @@ -1,12 +1,17 @@ -* { - padding: 0; +body { margin: 0; - box-sizing: border-box; - scroll-behavior: smooth; + background-color: #f6f6f6; } .admission-officer { min-height: 100vh; background-color: #f6f6f6; + min-width: 1200px; +} +.admission-officer * { + padding: 0; + margin: 0; + box-sizing: border-box; + scroll-behavior: smooth; } .admission-officer .flexflex { display: flex; @@ -23,6 +28,9 @@ .admission-officer .flex1 { flex: 1; } +.admission-officer img { + object-fit: cover; +} .admission-officer a { text-decoration: none; } @@ -42,6 +50,11 @@ top: 60px; left: calc((100vw - 1200px) / 2); } +@media screen and (max-width: 1200px) { + .admission-officer .admission-head .admission-head-logo { + left: 0; + } +} .admission-officer .admission-head .admission-head-box { min-width: 1200px; height: 216px; @@ -678,9 +691,6 @@ .admission-officer .admission-body .school-list .school-item .right .content .year .item.more.unfold { color: #fff; } -.admission-officer .admission-body .school-list .school-item .right .content .year .item.more.unfold .svg { - fill: #76c45e !important; -} .admission-officer .admission-body .school-list .school-item .right .content .year .item.more.unfold .arrows { fill: #fff; transform: translateY(-50%) rotate(180deg); @@ -754,6 +764,10 @@ color: #333333; margin-bottom: 8px; } +.admission-officer .admission-body .school-list .school-item .right .content .course-list .item .name .text { + line-height: 28px; + display: inline; +} .admission-officer .admission-body .school-list .school-item .right .content .course-list .item .name .label { height: 26px; line-height: 26px; @@ -765,6 +779,7 @@ font-family: "ArialMT", "Arial", sans-serif; padding: 0 6px; margin-left: 12px; + display: inline-flex; } .admission-officer .admission-body .school-list .school-item .right .content .course-list .item .name .label .arrows { position: absolute; diff --git a/css/index.less b/css/index.less index ece94b3..008dc88 100644 --- a/css/index.less +++ b/css/index.less @@ -1,12 +1,18 @@ -* { - padding: 0; +body { margin: 0; - box-sizing: border-box; - scroll-behavior: smooth; + background-color: rgba(246, 246, 246, 1); } + .admission-officer { min-height: 100vh; background-color: rgba(246, 246, 246, 1); + min-width: 1200px; + * { + padding: 0; + margin: 0; + box-sizing: border-box; + scroll-behavior: smooth; + } .flexflex { display: flex; } @@ -26,6 +32,10 @@ flex: 1; } + img { + object-fit: cover; + } + a { text-decoration: none; &:hover { @@ -45,6 +55,9 @@ position: absolute; top: 60px; left: calc((100vw - 1200px) / 2); + @media screen and (max-width: 1200px) { + left: 0; + } } .admission-head-box { @@ -759,7 +772,7 @@ &.unfold { color: #fff; .svg { - fill: #76c45e !important; + // fill: #76c45e !important; } .arrows { fill: #fff; @@ -844,6 +857,12 @@ font-size: 16px; color: #333333; margin-bottom: 8px; + + .text { + line-height: 28px; + display: inline; + } + .label { height: 26px; line-height: 26px; @@ -855,6 +874,7 @@ font-family: "ArialMT", "Arial", sans-serif; padding: 0 6px; margin-left: 12px; + display: inline-flex; .arrows { position: absolute; diff --git a/index.html b/index.html index e463b42..a733fe3 100644 --- a/index.html +++ b/index.html @@ -87,8 +87,8 @@
-
{{ item.title }}{{ item.id }}
-
{{ item.lecture_time }}
+
{{ item.title }}
+
{{ item.lecture_time || '长期答疑' }}
@@ -122,7 +122,7 @@
- +
{{ item.title }}
{{ item.subtitle }}
@@ -174,22 +174,24 @@
-
-
{{ it }}季
+
+
{{ it }}季1
-
+
- {{ it.title }} -
- - {{ it.tag }} +
+ {{ it.title }} +
+ + {{ it.tag }} +
@@ -227,7 +229,7 @@ {{ it }}季
-
+
@@ -295,7 +297,7 @@
- 长期答疑 + {{ item.date || '长期答疑'}}
了解详情 @@ -312,7 +314,6 @@
-
@@ -325,7 +326,7 @@