wjd
/
rui-neng
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

✨ feat: 更新样式

master
peijunlei 3 weeks ago
parent
9eb4bfd67a
commit
51d7497807
3 changed files with 84 additions and 279 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      public/themes/dist_static/static/css/investment.css
  2. 180
      public/themes/dist_static/static/css/solution.css
  3. 181
      public/themes/dist_static/static/css/solution2.css

2
public/themes/dist_static/static/css/investment.css
View File

@ -277,7 +277,7 @@
grid-template-columns: minmax(0, 1fr) minmax(0, 67.5rem); grid-template-columns: minmax(0, 1fr) minmax(0, 67.5rem);
gap: 2.5rem; gap: 2.5rem;
padding-top: 6.25rem; padding-top: 6.25rem;
padding-bottom: 6.25rem;
padding-bottom: 0;
} }
.iv-learn__title { .iv-learn__title {
margin: 0; margin: 0;

180
public/themes/dist_static/static/css/solution.css
View File

@ -10,26 +10,16 @@
} }
.sl-hero__title { .sl-hero__title {
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl-hero__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl-hero__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl-hero__desc { .sl-hero__desc {
max-width: 50rem; max-width: 50rem;
margin-left: auto; margin-left: auto;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-18); font-size: var(--font-18);
font-weight: 400; font-weight: 400;
line-height: var(--font-28); line-height: var(--font-28);
@ -50,36 +40,13 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 0; padding-bottom: 0;
} }
@media (max-width: 1439px) {
.sl-adv {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl-adv {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl-adv__title { .sl-adv__title {
margin: 0 0 4.6875rem; margin: 0 0 4.6875rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl-adv__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl-adv__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl-adv__list { .sl-adv__list {
display: grid; display: grid;
@ -94,6 +61,7 @@
.sl-adv__name { .sl-adv__name {
margin: 0 0 2rem; margin: 0 0 2rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-32); font-size: var(--font-32);
font-weight: 400; font-weight: 400;
line-height: var(--font-42); line-height: var(--font-42);
@ -101,6 +69,7 @@
.sl-adv__text { .sl-adv__text {
margin: 0; margin: 0;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-18); font-size: var(--font-18);
font-weight: 400; font-weight: 400;
line-height: var(--font-28); line-height: var(--font-28);
@ -110,36 +79,13 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 0; padding-bottom: 0;
} }
@media (max-width: 1439px) {
.sl-arch {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl-arch {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl-arch__title { .sl-arch__title {
margin: 0 0 3.125rem; margin: 0 0 3.125rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl-arch__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl-arch__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl-arch__panel { .sl-arch__panel {
overflow: hidden; overflow: hidden;
@ -157,18 +103,6 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 0; padding-bottom: 0;
} }
@media (max-width: 1439px) {
.sl-core {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl-core {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl-core__head { .sl-core__head {
display: flex; display: flex;
align-items: center; align-items: center;
@ -179,21 +113,10 @@
.sl-core__title { .sl-core__title {
margin: 0; margin: 0;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl-core__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl-core__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl-core__swiper { .sl-core__swiper {
overflow: hidden; overflow: hidden;
@ -245,6 +168,7 @@
flex: 1; flex: 1;
min-width: 0; min-width: 0;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-20); font-size: var(--font-20);
font-weight: 400; font-weight: 400;
line-height: var(--font-27); line-height: var(--font-27);
@ -271,36 +195,13 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 0; padding-bottom: 0;
} }
@media (max-width: 1439px) {
.sl-clients {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl-clients {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl-clients__title { .sl-clients__title {
margin: 0 0 3.125rem; margin: 0 0 3.125rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl-clients__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl-clients__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl-clients__grid { .sl-clients__grid {
display: grid; display: grid;
@ -330,40 +231,15 @@
position: relative; position: relative;
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 7.5rem; padding-bottom: 7.5rem;
}
@media (max-width: 1439px) {
.sl-cases {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl-cases {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl-cases {
overflow: visible; overflow: visible;
} }
.sl-cases__title { .sl-cases__title {
margin: 0 0 3.125rem; margin: 0 0 3.125rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl-cases__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl-cases__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl-cases__body { .sl-cases__body {
display: grid; display: grid;
@ -411,6 +287,7 @@
.sl-cases__name { .sl-cases__name {
margin: 0 0 1rem; margin: 0 0 1rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-32); font-size: var(--font-32);
font-weight: 400; font-weight: 400;
line-height: var(--font-42); line-height: var(--font-42);
@ -419,6 +296,7 @@
.sl-cases__sub-name { .sl-cases__sub-name {
margin: 0 0 1.5rem; margin: 0 0 1.5rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-20); font-size: var(--font-20);
font-weight: 400; font-weight: 400;
line-height: var(--font-27); line-height: var(--font-27);
@ -427,6 +305,7 @@
.sl-cases__desc { .sl-cases__desc {
margin: 0 0 2.5rem; margin: 0 0 2.5rem;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-18); font-size: var(--font-18);
font-weight: 400; font-weight: 400;
line-height: var(--font-26); line-height: var(--font-26);
@ -445,6 +324,7 @@
border-radius: 6.25rem; border-radius: 6.25rem;
background: rgba(239, 67, 53, 0.1); background: rgba(239, 67, 53, 0.1);
color: var(--color-primary); color: var(--color-primary);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-16); font-size: var(--font-16);
font-weight: 500; font-weight: 500;
line-height: var(--font-22); line-height: var(--font-22);
@ -514,6 +394,17 @@
.sl-hero__media { .sl-hero__media {
height: 520Px; height: 520Px;
} }
.sl-hero__title {
font-size: 40Px;
line-height: 54Px;
}
.sl-adv,
.sl-arch,
.sl-core,
.sl-clients,
.sl-cases {
padding-top: 4rem;
}
.sl-adv__list { .sl-adv__list {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40Px 24Px; gap: 40Px 24Px;
@ -560,6 +451,15 @@
.sl-hero__intro { .sl-hero__intro {
padding-top: calc(var(--header-h) + 5rem); padding-top: calc(var(--header-h) + 5rem);
} }
.sl-hero__title,
.sl-hero .sl-adv__title,
.sl-hero .sl-arch__title,
.sl-hero .sl-core__title,
.sl-hero .sl-clients__title,
.sl-hero .sl-cases__title {
font-size: 32Px;
line-height: 44Px;
}
.sl-hero__media { .sl-hero__media {
height: 280Px; height: 280Px;
} }

181
public/themes/dist_static/static/css/solution2.css
View File

@ -28,25 +28,15 @@
.sl2-hero__title { .sl2-hero__title {
margin: 0; margin: 0;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl2-hero__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl2-hero__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl2-hero__desc { .sl2-hero__desc {
margin: 4rem 0 0; margin: 4rem 0 0;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-20); font-size: var(--font-20);
font-weight: 400; font-weight: 400;
line-height: var(--font-28); line-height: var(--font-28);
@ -67,36 +57,13 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 0; padding-bottom: 0;
} }
@media (max-width: 1439px) {
.sl2-adv {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl2-adv {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl2-adv__title { .sl2-adv__title {
margin: 0 0 3.125rem; margin: 0 0 3.125rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl2-adv__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl2-adv__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl2-adv__list { .sl2-adv__list {
display: grid; display: grid;
@ -130,6 +97,7 @@
.sl2-adv__name { .sl2-adv__name {
margin: 0; margin: 0;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-32); font-size: var(--font-32);
font-weight: 400; font-weight: 400;
line-height: var(--font-42); line-height: var(--font-42);
@ -137,6 +105,7 @@
.sl2-adv__text { .sl2-adv__text {
margin: 0; margin: 0;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-20); font-size: var(--font-20);
font-weight: 400; font-weight: 400;
line-height: var(--font-28); line-height: var(--font-28);
@ -146,36 +115,13 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 0; padding-bottom: 0;
} }
@media (max-width: 1439px) {
.sl2-arch {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl2-arch {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl2-arch__title { .sl2-arch__title {
margin: 0 0 3.125rem; margin: 0 0 3.125rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl2-arch__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl2-arch__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl2-arch__panel { .sl2-arch__panel {
overflow: hidden; overflow: hidden;
@ -193,18 +139,6 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 0; padding-bottom: 0;
} }
@media (max-width: 1439px) {
.sl2-core {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl2-core {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl2-core__head { .sl2-core__head {
display: flex; display: flex;
align-items: center; align-items: center;
@ -218,21 +152,10 @@
.sl2-core__title { .sl2-core__title {
margin: 0; margin: 0;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl2-core__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl2-core__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl2-core__swiper { .sl2-core__swiper {
overflow: hidden; overflow: hidden;
@ -264,6 +187,7 @@
.sl2-core__name { .sl2-core__name {
margin: 0; margin: 0;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-32); font-size: var(--font-32);
font-weight: 400; font-weight: 400;
line-height: var(--font-42); line-height: var(--font-42);
@ -271,6 +195,7 @@
.sl2-core__desc { .sl2-core__desc {
margin: 0; margin: 0;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-20); font-size: var(--font-20);
font-weight: 400; font-weight: 400;
line-height: var(--font-28); line-height: var(--font-28);
@ -341,18 +266,6 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 0; padding-bottom: 0;
} }
@media (max-width: 1439px) {
.sl2-scene {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl2-scene {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl2-scene__head { .sl2-scene__head {
display: flex; display: flex;
align-items: center; align-items: center;
@ -369,21 +282,10 @@
.sl2-scene__title { .sl2-scene__title {
margin: 0; margin: 0;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl2-scene__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl2-scene__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl2-scene__swiper { .sl2-scene__swiper {
overflow: visible; overflow: visible;
@ -428,6 +330,7 @@
.sl2-scene__name { .sl2-scene__name {
margin: 0; margin: 0;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-32); font-size: var(--font-32);
font-weight: 500; font-weight: 500;
line-height: var(--font-42); line-height: var(--font-42);
@ -435,6 +338,7 @@
.sl2-scene__desc { .sl2-scene__desc {
margin: 0; margin: 0;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-18); font-size: var(--font-18);
font-weight: 400; font-weight: 400;
line-height: var(--font-28); line-height: var(--font-28);
@ -467,6 +371,7 @@
z-index: 1; z-index: 1;
margin: 0; margin: 0;
color: var(--color-white); color: var(--color-white);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-32); font-size: var(--font-32);
font-weight: 500; font-weight: 500;
line-height: var(--font-42); line-height: var(--font-42);
@ -479,36 +384,13 @@
padding-top: 7.5rem; padding-top: 7.5rem;
padding-bottom: 7.5rem; padding-bottom: 7.5rem;
} }
@media (max-width: 1439px) {
.sl2-more {
padding-top: 72Px;
padding-bottom: 72Px;
}
}
@media (max-width: 576px) {
.sl2-more {
padding-top: 4rem;
padding-bottom: 4rem;
}
}
.sl2-more__title { .sl2-more__title {
margin: 0 0 3.125rem; margin: 0 0 3.125rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-48); font-size: var(--font-48);
line-height: var(--font-64);
font-weight: 400; font-weight: 400;
}
@media (max-width: 1439px) {
.sl2-more__title {
font-size: 40Px;
line-height: 54Px;
}
}
@media (max-width: 576px) {
.sl2-more__title {
font-size: 28Px;
line-height: 38Px;
}
line-height: var(--font-64);
} }
.sl2-more__grid { .sl2-more__grid {
display: grid; display: grid;
@ -557,6 +439,7 @@
.sl2-more__name { .sl2-more__name {
margin: 0 0 1.5rem; margin: 0 0 1.5rem;
color: var(--color-text); color: var(--color-text);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-24); font-size: var(--font-24);
font-weight: 400; font-weight: 400;
line-height: var(--font-32); line-height: var(--font-32);
@ -564,6 +447,7 @@
} }
.sl2-more__desc { .sl2-more__desc {
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-18); font-size: var(--font-18);
font-weight: 400; font-weight: 400;
line-height: var(--font-28); line-height: var(--font-28);
@ -576,6 +460,7 @@
width: 100%; width: 100%;
box-sizing: border-box; box-sizing: border-box;
color: var(--color-text-muted); color: var(--color-text-muted);
font-family: "MiSans VF", "PingFang SC", sans-serif;
font-size: var(--font-18); font-size: var(--font-18);
font-weight: 400; font-weight: 400;
line-height: var(--font-24); line-height: var(--font-24);
@ -602,9 +487,20 @@
margin-top: 0; margin-top: 0;
max-width: 100%; max-width: 100%;
} }
.sl2-hero__title {
font-size: 40Px;
line-height: 54Px;
}
.sl2-hero__media { .sl2-hero__media {
height: 520Px; height: 520Px;
} }
.sl2-adv,
.sl2-arch,
.sl2-core,
.sl2-scene,
.sl2-more {
padding-top: 4rem;
}
.sl2-adv__list { .sl2-adv__list {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 24Px; gap: 24Px;
@ -651,6 +547,15 @@
.sl2-hero__intro { .sl2-hero__intro {
padding-top: calc(var(--header-h) + 5rem); padding-top: calc(var(--header-h) + 5rem);
} }
.sl2-hero__title,
.sl2-hero .sl2-adv__title,
.sl2-hero .sl2-arch__title,
.sl2-hero .sl2-core__title,
.sl2-hero .sl2-scene__title,
.sl2-hero .sl2-more__title {
font-size: 32Px;
line-height: 44Px;
}
.sl2-hero__media { .sl2-hero__media {
height: 280Px; height: 280Px;
} }

Write Preview
Loading…
Cancel
Save