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

✨ feat: 更新解决方案2

master
peijunlei 3 weeks ago
parent
4e59fa413c
commit
dc74e76892
7 changed files with 294 additions and 87 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. 1
      public/themes/dist_static/static/css/solution-QRc3Wj_R.css
  2. 180
      public/themes/dist_static/static/css/solution.css
  3. 1
      public/themes/dist_static/static/css/solution2-BALfo6CE.css
  4. 181
      public/themes/dist_static/static/css/solution2.css
  5. 1
      public/themes/dist_static/static/js/solution-Ch_DBWw9.js
  6. 1
      public/themes/dist_static/static/js/solution2-Ck5yldPf.js
  7. 16
      public/themes/website/1/zh/demo/solution2.html

1
public/themes/dist_static/static/css/solution-QRc3Wj_R.css
File diff suppressed because it is too large
View File

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

@ -10,16 +10,26 @@
} }
.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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.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);
@ -40,13 +50,36 @@
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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl-adv__list { .sl-adv__list {
display: grid; display: grid;
@ -61,7 +94,6 @@
.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);
@ -69,7 +101,6 @@
.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);
@ -79,13 +110,36 @@
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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl-arch__panel { .sl-arch__panel {
overflow: hidden; overflow: hidden;
@ -103,6 +157,18 @@
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;
@ -113,10 +179,21 @@
.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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl-core__swiper { .sl-core__swiper {
overflow: hidden; overflow: hidden;
@ -168,7 +245,6 @@
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);
@ -195,13 +271,36 @@
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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl-clients__grid { .sl-clients__grid {
display: grid; display: grid;
@ -231,15 +330,40 @@
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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl-cases__body { .sl-cases__body {
display: grid; display: grid;
@ -287,7 +411,6 @@
.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);
@ -296,7 +419,6 @@
.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);
@ -305,7 +427,6 @@
.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);
@ -324,7 +445,6 @@
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);
@ -394,17 +514,6 @@
.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;
@ -451,15 +560,6 @@
.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;
} }

1
public/themes/dist_static/static/css/solution2-BALfo6CE.css
File diff suppressed because it is too large
View File

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

@ -28,15 +28,25 @@
.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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.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);
@ -57,13 +67,36 @@
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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl2-adv__list { .sl2-adv__list {
display: grid; display: grid;
@ -97,7 +130,6 @@
.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);
@ -105,7 +137,6 @@
.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);
@ -115,13 +146,36 @@
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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl2-arch__panel { .sl2-arch__panel {
overflow: hidden; overflow: hidden;
@ -139,6 +193,18 @@
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;
@ -152,10 +218,21 @@
.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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl2-core__swiper { .sl2-core__swiper {
overflow: hidden; overflow: hidden;
@ -187,7 +264,6 @@
.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);
@ -195,7 +271,6 @@
.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);
@ -266,6 +341,18 @@
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;
@ -282,10 +369,21 @@
.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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl2-scene__swiper { .sl2-scene__swiper {
overflow: visible; overflow: visible;
@ -330,7 +428,6 @@
.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);
@ -338,7 +435,6 @@
.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);
@ -371,7 +467,6 @@
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);
@ -384,13 +479,36 @@
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);
font-weight: 400;
line-height: var(--font-64); line-height: var(--font-64);
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;
}
} }
.sl2-more__grid { .sl2-more__grid {
display: grid; display: grid;
@ -439,7 +557,6 @@
.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);
@ -447,7 +564,6 @@
} }
.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);
@ -460,7 +576,6 @@
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);
@ -487,20 +602,9 @@
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;
@ -547,15 +651,6 @@
.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;
} }

1
public/themes/dist_static/static/js/solution-Ch_DBWw9.js
View File

@ -1 +0,0 @@
import"./common-DqchIN4G.js";function e(){let e=document.querySelector(`[data-nav]`)?.getAttribute(`data-nav`);e&&document.querySelectorAll(`.site-header__nav a`).forEach(t=>{let n=t.textContent.trim().startsWith(e);t.classList.toggle(`is-active`,n)})}function t(){let e=document.querySelector(`.sl-core`),t=e?.querySelector(`.sl-core__swiper`);!e||!t||!window.Swiper||new window.Swiper(t,{slidesPerView:3,spaceBetween:40,speed:600,navigation:{prevEl:e.querySelector(`.sl-core__head .s-arrows__prev`),nextEl:e.querySelector(`.sl-core__head .s-arrows__next`)},breakpoints:{0:{slidesPerView:1.3,spaceBetween:20,navigation:{prevEl:e.querySelector(`.sl-core__arrows-mobile .s-arrows__prev`),nextEl:e.querySelector(`.sl-core__arrows-mobile .s-arrows__next`)}},768:{slidesPerView:2,spaceBetween:24},1200:{slidesPerView:3,spaceBetween:40}}})}function n(){let e=document.querySelector(`.sl-cases`),t=e?.querySelector(`.sl-cases__content-swiper`),n=e?.querySelector(`.sl-cases__media-swiper`);if(!e||!t||!n||!window.Swiper)return;let r=e.querySelector(`.sl-cases__pager-current`),i=e.querySelector(`.sl-cases__pager-total`),a=e.querySelector(`.s-arrows__prev`),o=e.querySelector(`.s-arrows__next`),s=e=>{let t=[...e.slides];return t.filter(e=>!e.classList.contains(`swiper-slide-duplicate`)).length||t.length},c=e=>{r&&(r.textContent=String(e.realIndex+1)),i&&(i.textContent=String(s(e)))},l=new window.Swiper(t,{effect:`fade`,fadeEffect:{crossFade:!0},loop:!0,speed:500,allowTouchMove:!1,observer:!0,observeParents:!0,watchOverflow:!0});new window.Swiper(n,{grabCursor:!0,effect:`creative`,creativeEffect:{prev:{shadow:!0,translate:[0,0,-400]},next:{translate:[`100%`,0,0]}},loop:!0,speed:600,navigation:{prevEl:a,nextEl:o},on:{init(e){c(e)},slideChange(e){c(e),l.realIndex!==e.realIndex&&l.slideToLoop(e.realIndex,l.params.speed,!1)}}})}$(function(){e(),t(),n()});

1
public/themes/dist_static/static/js/solution2-Ck5yldPf.js
View File

@ -1 +0,0 @@
import"./common-DqchIN4G.js";function e(){let e=document.querySelector(`[data-nav]`)?.getAttribute(`data-nav`);e&&document.querySelectorAll(`.site-header__nav a`).forEach(t=>{let n=t.textContent.trim().startsWith(e);t.classList.toggle(`is-active`,n)})}function t(){let e=document.querySelector(`.sl2-core`),t=e?.querySelector(`.sl2-core__swiper`);!e||!t||!window.Swiper||new window.Swiper(t,{slidesPerView:1,spaceBetween:80,speed:600,loop:!0,grabCursor:!0,observer:!0,observeParents:!0,watchOverflow:!0,autoplay:{delay:3e3,disableOnInteraction:!1},pagination:{el:e.querySelector(`.sl2-core__pagination`),clickable:!0},breakpoints:{1440:{slidesPerView:`auto`}}})}function n(){let e=document.querySelector(`.sl2-scene`),t=e?.querySelector(`.sl2-scene__swiper`);!e||!t||!window.Swiper||new window.Swiper(t,{slidesPerView:`auto`,spaceBetween:40,speed:600,observer:!0,observeParents:!0,watchOverflow:!0,navigation:{prevEl:e.querySelector(`.s-arrows__prev`),nextEl:e.querySelector(`.s-arrows__next`)},breakpoints:{0:{spaceBetween:16},768:{spaceBetween:24},1200:{spaceBetween:40}}})}$(function(){e(),t(),n()});

16
public/themes/website/1/zh/demo/solution2.html
View File

@ -171,6 +171,22 @@ $current_cate_id = $current_cate['id'] ?? 0;
{/hcTaglib:subcategory} {/hcTaglib:subcategory}
</div> </div>
</div> </div>
<div class="sl2-scene__arrows-mobile">
<div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg>
</button>
<button type="button" class="s-arrows__next" aria-label="下一项">
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
</svg>
</button>
</div>
</div>
</section> </section>
{/if} {/if}
{if !empty($sub_cates[5])} {if !empty($sub_cates[5])}

Write Preview
Loading…
Cancel
Save