feat: 增加文章模板修改部分页面样式

2026-08-26 14:01:10 +08:00
parent 7f01557d39
commit 90b22a2ff6
10 changed files with 726 additions and 55 deletions
@@ -1,3 +1,103 @@
-.banner{width:100%;height:520px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.banner__bg{z-index:0;position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.banner__body{z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.banner__body__title{font-size:60px;line-height:90px}.banner__body__sub{margin-top:0;font-size:20px}.main{display:flex;flex-direction:column;align-items:center}.main__title{-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-top:85px;font-size:38px;font-weight:bold;color:#191919}.main__about{margin-top:75px;display:flex;flex-direction:row;justify-content:center}.main__about img{height:285px;-o-object-fit:cover;object-fit:cover;margin-right:25px}.main__about .tex{text-indent:2em;line-height:24px;font-size:14px;max-width:450px}.main .certificate-con{margin-top:75px;display:flex;gap:30px}.main .certificate-con img{height:245px;-o-object-fit:contain;object-fit:contain}.main .copyright-con{margin-top:75px}.main .copyright-con img{width:945px;-o-object-fit:contain;object-fit:contain}
+.banner {
+    width: 100%;
+    height: 520px;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center
+}
+
+.banner__bg {
+    z-index: 0;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    -o-object-fit: cover;
+    object-fit: cover;
+    display: block
+}
+
+.banner__body {
+    z-index: 1;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    color: #fff;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center
+}
+
+.banner__body__title {
+    font-size: 60px;
+    line-height: 90px;
+    user-select: none;
+}
+
+.banner__body__sub {
+    margin-top: 0;
+    font-size: 20px
+}
+
+.main {
+    display: flex;
+    flex-direction: column;
+    align-items: center
+}
+
+.main__title {
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+    margin-top: 85px;
+    font-size: 38px;
+    font-weight: bold;
+    color: #191919
+}
+
+.main__about {
+    margin-top: 75px;
+    display: flex;
+    flex-direction: row;
+    justify-content: center
+}
+
+.main__about img {
+    height: 285px;
+    -o-object-fit: cover;
+    object-fit: cover;
+    margin-right: 25px
+}
+
+.main__about .tex {
+    text-indent: 2em;
+    line-height: 24px;
+    font-size: 14px;
+    max-width: 450px
+}
+
+.main .certificate-con {
+    margin-top: 75px;
+    display: flex;
+    gap: 30px
+}
+
+.main .certificate-con img {
+    height: 245px;
+    -o-object-fit: contain;
+    object-fit: contain
+}
+
+.main .copyright-con {
+    margin-top: 75px
+}
+
+.main .copyright-con img {
+    width: 945px;
+    -o-object-fit: contain;
+    object-fit: contain
+}

 /*# sourceMappingURL=about.css.map?hash=b446ba1443bc4913f472*/