From dc74e76892ba5ec7f4c1a602cabebadcd04d2ff5 Mon Sep 17 00:00:00 2001 From: peijunlei Date: Tue, 1 Sep 2026 16:14:25 +0800 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=9B=B4=E6=96=B0=E8=A7=A3?= =?UTF-8?q?=E5=86=B3=E6=96=B9=E6=A1=882?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../dist_static/static/css/solution-QRc3Wj_R.css | 1 - public/themes/dist_static/static/css/solution.css | 180 +++++++++++++++----- .../dist_static/static/css/solution2-BALfo6CE.css | 1 - public/themes/dist_static/static/css/solution2.css | 181 ++++++++++++++++----- .../dist_static/static/js/solution-Ch_DBWw9.js | 1 - .../dist_static/static/js/solution2-Ck5yldPf.js | 1 - public/themes/website/1/zh/demo/solution2.html | 16 ++ 7 files changed, 294 insertions(+), 87 deletions(-) delete mode 100644 public/themes/dist_static/static/css/solution-QRc3Wj_R.css delete mode 100644 public/themes/dist_static/static/css/solution2-BALfo6CE.css delete mode 100644 public/themes/dist_static/static/js/solution-Ch_DBWw9.js delete mode 100644 public/themes/dist_static/static/js/solution2-Ck5yldPf.js diff --git a/public/themes/dist_static/static/css/solution-QRc3Wj_R.css b/public/themes/dist_static/static/css/solution-QRc3Wj_R.css deleted file mode 100644 index 9f109d4..0000000 --- a/public/themes/dist_static/static/css/solution-QRc3Wj_R.css +++ /dev/null @@ -1 +0,0 @@ -.main-solution{background:var(--color-white);overflow:hidden}.sl-hero__intro{padding-top:calc(var(--header-h) + 7.5rem);padding-bottom:2.5rem}.sl-hero__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64)}.sl-hero__desc{max-width:50rem;color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-28);margin-left:auto}.sl-hero__media{width:100%;height:45rem;overflow:hidden}.sl-hero__media img{object-fit:cover;width:100%;height:100%;display:block}.sl-adv{padding-top:7.5rem;padding-bottom:0}.sl-adv__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 4.6875rem}.sl-adv__list{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid}.sl-adv__item{border-left:1px solid #dfe0e2;min-height:15rem;padding:0 2.5rem}.sl-adv__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:400;line-height:var(--font-42);margin:0 0 2rem}.sl-adv__text{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-28);margin:0}.sl-arch{padding-top:7.5rem;padding-bottom:0}.sl-arch__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl-arch__panel{background:var(--color-white);border:1px solid #dfe0e2;border-radius:1.875rem;overflow:hidden}.sl-arch__panel img{width:100%;height:auto;display:block}.sl-core{padding-top:7.5rem;padding-bottom:0}.sl-core__head{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2.8125rem;display:flex}.sl-core__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.sl-core__swiper{overflow:hidden}.sl-core__arrows-mobile{display:none}.sl-core__card{min-width:0;height:auto}.sl-core__card-link{height:100%;color:inherit;transition:background var(--duration-normal) var(--easing);background:0 0;border-radius:1rem;flex-direction:column;gap:1.25rem;padding:0;text-decoration:none;display:flex}.sl-core__card-media{aspect-ratio:16/10;border-radius:1rem;overflow:hidden}.sl-core__card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--easing);display:block}.sl-core__card-link:hover .sl-core__card-media img{transform:scale(1.1)}.sl-core__card-foot{border-top:none;justify-content:space-between;align-items:center;gap:.75rem;padding-top:0;display:flex}.sl-core__card-name{min-width:0;color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-27);transition:color var(--duration-fast) var(--easing);flex:1;margin:0}.sl-core__card-link:hover .sl-core__card-name{color:var(--color-primary)}.sl-core__card-arrow{color:var(--color-primary);transition:color var(--duration-fast) var(--easing);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sl-core__card-arrow img,.sl-core__card-arrow svg{width:.75rem;height:auto;display:block}.sl-clients{padding-top:7.5rem;padding-bottom:0}.sl-clients__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl-clients__grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.5rem;display:grid}.sl-clients__item{background:var(--color-white);box-sizing:border-box;border:1px solid #dfe0e2;border-radius:.75rem;justify-content:center;align-items:center;height:10rem;padding:1rem;display:flex}.sl-clients__item img{object-fit:contain;width:auto;max-width:60%;height:auto;display:block}.sl-cases{padding-top:7.5rem;padding-bottom:7.5rem;position:relative;overflow:visible}.sl-cases__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl-cases__body{grid-template-columns:minmax(0,57.375rem) minmax(0,40.625rem);align-items:stretch;gap:0;display:grid}.sl-cases__copy{border-left:1px solid #dfe0e2;flex-direction:column;justify-content:space-between;min-width:0;min-height:31.6875rem;padding:0 5rem;display:flex}.sl-cases__content-swiper{flex:1;width:100%;min-width:0;max-width:100%;overflow:hidden}.sl-cases__content-swiper .swiper-wrapper{max-width:100%}.sl-cases__content-swiper .swiper-slide{box-sizing:border-box;max-width:100%;height:auto;width:100%!important}.sl-cases__panel{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.sl-cases__logo{width:min(13.75rem,100%);height:auto;margin-bottom:2.5rem;display:block}.sl-cases__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:400;line-height:var(--font-42);word-break:break-word;margin:0 0 1rem}.sl-cases__sub-name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-27);word-break:break-word;margin:0 0 1.5rem}.sl-cases__desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-26);word-break:break-word;overflow-wrap:break-word;margin:0 0 2.5rem}.sl-cases__tags{flex-wrap:wrap;gap:.5rem;display:flex}.sl-cases__tags span{color:var(--color-primary);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-16);font-weight:500;line-height:var(--font-22);background:#ef43351a;border-radius:6.25rem;align-items:center;padding:.5rem 1.5rem;display:inline-flex}.sl-cases__stage{align-self:center;min-width:0;margin-left:-2.5rem;position:relative;overflow:visible}.sl-cases__media-swiper.swiper{aspect-ratio:650/457;width:100%;position:relative;overflow:hidden}.sl-cases__media-swiper.swiper .swiper-slide{backface-visibility:hidden;background:#2e353a0f;border-radius:1.5rem;overflow:hidden}.sl-cases__media-swiper.swiper .swiper-slide img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.sl-cases__card{margin:0}.sl-cases__nav{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-top:3.5rem;display:flex}.sl-cases__pager{font-family:D-DIN-PRO,MiSans VF,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-20);align-items:center;gap:.5rem;display:inline-flex}.sl-cases__pager-current{color:var(--color-text)}.sl-cases__pager-sep,.sl-cases__pager-total{color:#afb5b9}@media (width<=1439px){.sl-hero__intro{grid-template-columns:1fr;gap:24px}.sl-hero__desc{max-width:100%;margin-top:24px}.sl-hero__media{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{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}.sl-adv__item{border-top:1px solid #dfe0e2;border-left:0;min-height:10rem;padding:24px 0 0}.sl-clients__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sl-cases__body{grid-template-columns:1fr;gap:40px}.sl-cases__copy{min-height:0;padding:0 0 0 24px}.sl-cases__stage{justify-self:center;width:100%;margin-left:0}.sl-cases__nav{margin-top:32px}}@media (width<=992px){.sl-adv__list{grid-template-columns:1fr}.sl-clients__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-cases__nav{margin-top:24px}}@media (width<=576px){.sl-hero__intro{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{height:280px}.sl-adv__name,.sl-cases__name{font-size:24px;line-height:32px}.sl-clients__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sl-clients__item{height:100px}.sl-cases__copy{border-left:none;padding-left:0}.sl-cases__body{grid-template-columns:1fr}.sl-cases__stage{order:-1;margin-left:0}.sl-cases__logo{width:160px}.sl-core__head .s-arrows{display:none}.sl-core__arrows-mobile{justify-content:flex-start;margin-top:24px;display:flex}.sl-core__arrows-mobile .s-arrows{gap:16px;display:flex}.sl-core__swiper{margin:0 -16px;padding:0 16px;overflow:visible}} diff --git a/public/themes/dist_static/static/css/solution.css b/public/themes/dist_static/static/css/solution.css index b49c0a0..cab1689 100644 --- a/public/themes/dist_static/static/css/solution.css +++ b/public/themes/dist_static/static/css/solution.css @@ -10,16 +10,26 @@ } .sl-hero__title { color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { max-width: 50rem; margin-left: auto; color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-28); @@ -40,13 +50,36 @@ padding-top: 7.5rem; 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 { margin: 0 0 4.6875rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { display: grid; @@ -61,7 +94,6 @@ .sl-adv__name { margin: 0 0 2rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 400; line-height: var(--font-42); @@ -69,7 +101,6 @@ .sl-adv__text { margin: 0; color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-28); @@ -79,13 +110,36 @@ padding-top: 7.5rem; 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 { margin: 0 0 3.125rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { overflow: hidden; @@ -103,6 +157,18 @@ padding-top: 7.5rem; 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 { display: flex; align-items: center; @@ -113,10 +179,21 @@ .sl-core__title { margin: 0; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { overflow: hidden; @@ -168,7 +245,6 @@ flex: 1; min-width: 0; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-27); @@ -195,13 +271,36 @@ padding-top: 7.5rem; 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 { margin: 0 0 3.125rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { display: grid; @@ -231,15 +330,40 @@ position: relative; padding-top: 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; } .sl-cases__title { margin: 0 0 3.125rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { display: grid; @@ -287,7 +411,6 @@ .sl-cases__name { margin: 0 0 1rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 400; line-height: var(--font-42); @@ -296,7 +419,6 @@ .sl-cases__sub-name { margin: 0 0 1.5rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-27); @@ -305,7 +427,6 @@ .sl-cases__desc { margin: 0 0 2.5rem; color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-26); @@ -324,7 +445,6 @@ border-radius: 6.25rem; background: rgba(239, 67, 53, 0.1); color: var(--color-primary); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-16); font-weight: 500; line-height: var(--font-22); @@ -394,17 +514,6 @@ .sl-hero__media { 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 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40Px 24Px; @@ -451,15 +560,6 @@ .sl-hero__intro { 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 { height: 280Px; } diff --git a/public/themes/dist_static/static/css/solution2-BALfo6CE.css b/public/themes/dist_static/static/css/solution2-BALfo6CE.css deleted file mode 100644 index 5c2bbb8..0000000 --- a/public/themes/dist_static/static/css/solution2-BALfo6CE.css +++ /dev/null @@ -1 +0,0 @@ -@property --ring-angle{syntax:"";inherits:false;initial-value:0deg}@keyframes progressRing{0%{--ring-angle:0deg}to{--ring-angle:360deg}}.main-solution2{background:var(--color-white);overflow:hidden}.sl2-hero__intro{padding-top:calc(var(--header-h) + 7.5rem);grid-template-columns:minmax(0,34.8125rem) minmax(0,50rem);justify-content:space-between;align-items:start;gap:2.5rem;padding-bottom:3.75rem;display:grid}.sl2-hero__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.sl2-hero__desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-28);margin:4rem 0 0}.sl2-hero__media{width:100%;height:45rem;overflow:hidden}.sl2-hero__media img{object-fit:cover;width:100%;height:100%;display:block}.sl2-adv{padding-top:7.5rem;padding-bottom:0}.sl2-adv__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl2-adv__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.sl2-adv__item{-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);background:#afb5b926;border-radius:1.5rem;flex-direction:column;gap:1.5rem;min-height:21.875rem;padding:2.5rem;display:flex}.sl2-adv__icon{flex-shrink:0;width:3rem;height:3rem;display:block}.sl2-adv__icon svg{width:100%;height:100%;display:block}.sl2-adv__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:400;line-height:var(--font-42);margin:0}.sl2-adv__text{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-28);margin:0}.sl2-arch{padding-top:7.5rem;padding-bottom:0}.sl2-arch__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl2-arch__panel{background:var(--color-white);border:1px solid #dfe0e2;border-radius:1.875rem;overflow:hidden}.sl2-arch__panel img{width:100%;height:auto;display:block}.sl2-core{padding-top:7.5rem;padding-bottom:0}.sl2-core__head{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3.125rem;display:flex}.sl2-core__head .s-arrows{display:none}.sl2-core__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.sl2-core__swiper{overflow:hidden}.sl2-core__slide{box-sizing:border-box;opacity:.3;width:56.25rem;transition:opacity var(--duration-normal) var(--easing);grid-template-columns:minmax(0,29.6875rem) minmax(0,25rem);justify-content:start;align-items:start;gap:3.5rem;display:grid}.sl2-core__slide.swiper-slide-active{opacity:1}.sl2-core__content{flex-direction:column;gap:2.5rem;min-width:0;padding-top:1.5rem;display:flex}.sl2-core__content .s-btn{align-self:flex-start}.sl2-core__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:400;line-height:var(--font-42);margin:0}.sl2-core__desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-20);font-weight:400;line-height:var(--font-28);margin:0}.sl2-core__media{background:#afb5b926;border-radius:1.5rem;justify-content:center;align-items:center;min-height:31.25rem;display:flex;overflow:hidden}.sl2-core__media img{object-fit:contain;width:auto;max-width:100%;max-height:25rem;display:block}.sl2-core__pagination{justify-content:flex-start;align-items:center;gap:1rem;margin-top:2.5rem;display:flex;position:static}.sl2-core__pagination .swiper-pagination-bullet{opacity:1;background:0 0;border-radius:50%;width:2.5rem;height:2.5rem;margin:0;position:relative}.sl2-core__pagination .swiper-pagination-bullet:before{content:"";background:conic-gradient(transparent var(--ring-angle), transparent var(--ring-angle));border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - .1875rem - .5px),#000 calc(100% - .1875rem + .5px));mask:radial-gradient(farthest-side,#0000 calc(100% - .1875rem - .5px),#000 calc(100% - .1875rem + .5px))}.sl2-core__pagination .swiper-pagination-bullet:after{content:"";width:.375rem;height:.375rem;transition:background var(--duration-normal) var(--easing);background:#afb5b9;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sl2-core__pagination .swiper-pagination-bullet-active:before{background:conic-gradient(var(--color-primary) var(--ring-angle), transparent var(--ring-angle));animation:3s linear forwards progressRing}.sl2-core__pagination .swiper-pagination-bullet-active:after{background:var(--color-primary)}.sl2-scene{padding-top:7.5rem;padding-bottom:0}.sl2-scene__head{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:3.125rem;display:flex}.sl2-scene__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0}.sl2-scene__swiper{overflow:visible}.sl2-scene__slide{background:var(--color-text);border-radius:1.5rem;width:40rem;height:30rem;position:relative;overflow:hidden}.sl2-scene__bg{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sl2-scene__panel{z-index:1;-webkit-backdrop-filter:blur(1.25rem);box-sizing:border-box;opacity:0;visibility:hidden;pointer-events:none;background:#ffffffe6;border-radius:1.25rem;flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;transition:opacity .3s,transform .3s,visibility .3s;display:flex;position:absolute;bottom:2rem;left:2rem;right:2rem;transform:translateY(.75rem)}.sl2-scene__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:500;line-height:var(--font-42);margin:0}.sl2-scene__desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-28);margin:0}.sl2-scene__slide:after{content:"";pointer-events:none;background:linear-gradient(#2e353a00 0%,#2e353acc 100%);height:15rem;position:absolute;bottom:0;left:0;right:0}.sl2-scene__slide:hover .sl2-scene__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.sl2-scene__slide:hover .sl2-scene__label{opacity:0;visibility:hidden}.sl2-scene__label{z-index:1;color:var(--color-white);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-32);font-weight:500;line-height:var(--font-42);opacity:1;visibility:visible;margin:0;transition:opacity .3s,visibility .3s;position:absolute;bottom:2.625rem;left:2rem;right:2rem}.sl2-more{padding-top:7.5rem;padding-bottom:7.5rem}.sl2-more__title{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-48);font-weight:400;line-height:var(--font-64);margin:0 0 3.125rem}.sl2-more__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;display:grid}.sl2-more__card{min-width:0;transition:color var(--duration-fast) var(--easing);flex-direction:column;gap:2.8125rem;text-decoration:none;display:flex}.sl2-more__card:hover .sl2-more__name{color:var(--color-primary)}.sl2-more__card:hover .sl2-more__link{border-top-color:var(--color-primary);color:var(--color-primary)}.sl2-more__card:hover .sl2-more__media img{transform:scale(1.1)}.sl2-more__media{background:#afb5b926;border-radius:1.25rem;justify-content:center;align-items:center;height:21.875rem;display:flex;overflow:hidden}.sl2-more__media img{object-fit:contain;width:100%;max-width:100%;transition:transform var(--duration-normal) var(--easing);display:block}.sl2-more__body{flex-direction:column;min-width:0;display:flex}.sl2-more__name{color:var(--color-text);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-24);font-weight:400;line-height:var(--font-32);transition:color var(--duration-fast) var(--easing);margin:0 0 1.5rem}.sl2-more__desc{color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-28);margin-bottom:2rem}.sl2-more__link{box-sizing:border-box;width:100%;color:var(--color-text-muted);font-family:MiSans VF,PingFang SC,sans-serif;font-size:var(--font-18);font-weight:400;line-height:var(--font-24);align-items:center;gap:.625rem;transition:color .3s,border-color .3s;display:inline-flex}.sl2-more__link svg{width:1rem;height:auto;display:block}.sl2-more__link path{fill:currentColor}.sl2-more__link:hover{color:var(--color-primary)}@media (width<=1439px){.sl2-hero__intro{grid-template-columns:1fr;gap:24px}.sl2-hero__desc{max-width:100%;margin-top:0}.sl2-hero__title{font-size:40px;line-height:54px}.sl2-hero__media{height:520px}.sl2-adv,.sl2-arch,.sl2-core,.sl2-scene,.sl2-more{padding-top:4rem}.sl2-adv__list{grid-template-columns:1fr;gap:24px}.sl2-core__slide{grid-template-columns:1fr;gap:32px;width:520px}.sl2-core__media{min-height:360px}.sl2-scene__slide{width:520px;height:390px}.sl2-more__grid{grid-template-columns:1fr;gap:32px}}@media (width<=992px){.sl2-scene__slide{width:420px;height:320px}.sl2-core__slide{width:420px}.sl2-scene__panel{padding:24px 20px;bottom:20px;left:20px;right:20px}.sl2-scene__name,.sl2-scene__label{font-size:24px;line-height:32px}}@media (width<=576px){.sl2-hero__intro{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{height:280px}.sl2-adv__name,.sl2-core__name{font-size:24px;line-height:32px}.sl2-adv__text,.sl2-core__desc{font-size:18px;line-height:26px}.sl2-scene__slide{width:300px;height:260px}.sl2-core__slide{width:300px}.sl2-scene__panel{gap:12px;padding:16px}.sl2-scene__desc{font-size:16px;line-height:24px}.sl2-more__media{height:240px}} diff --git a/public/themes/dist_static/static/css/solution2.css b/public/themes/dist_static/static/css/solution2.css index b66784b..504ae43 100644 --- a/public/themes/dist_static/static/css/solution2.css +++ b/public/themes/dist_static/static/css/solution2.css @@ -28,15 +28,25 @@ .sl2-hero__title { margin: 0; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { margin: 4rem 0 0; color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-28); @@ -57,13 +67,36 @@ padding-top: 7.5rem; 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 { margin: 0 0 3.125rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { display: grid; @@ -97,7 +130,6 @@ .sl2-adv__name { margin: 0; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 400; line-height: var(--font-42); @@ -105,7 +137,6 @@ .sl2-adv__text { margin: 0; color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-28); @@ -115,13 +146,36 @@ padding-top: 7.5rem; 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 { margin: 0 0 3.125rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { overflow: hidden; @@ -139,6 +193,18 @@ padding-top: 7.5rem; 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 { display: flex; align-items: center; @@ -152,10 +218,21 @@ .sl2-core__title { margin: 0; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { overflow: hidden; @@ -187,7 +264,6 @@ .sl2-core__name { margin: 0; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 400; line-height: var(--font-42); @@ -195,7 +271,6 @@ .sl2-core__desc { margin: 0; color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-20); font-weight: 400; line-height: var(--font-28); @@ -266,6 +341,18 @@ padding-top: 7.5rem; 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 { display: flex; align-items: center; @@ -282,10 +369,21 @@ .sl2-scene__title { margin: 0; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { overflow: visible; @@ -330,7 +428,6 @@ .sl2-scene__name { margin: 0; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 500; line-height: var(--font-42); @@ -338,7 +435,6 @@ .sl2-scene__desc { margin: 0; color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-28); @@ -371,7 +467,6 @@ z-index: 1; margin: 0; color: var(--color-white); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-32); font-weight: 500; line-height: var(--font-42); @@ -384,13 +479,36 @@ padding-top: 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 { margin: 0 0 3.125rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-48); - font-weight: 400; 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 { display: grid; @@ -439,7 +557,6 @@ .sl2-more__name { margin: 0 0 1.5rem; color: var(--color-text); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-24); font-weight: 400; line-height: var(--font-32); @@ -447,7 +564,6 @@ } .sl2-more__desc { color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-28); @@ -460,7 +576,6 @@ width: 100%; box-sizing: border-box; color: var(--color-text-muted); - font-family: "MiSans VF", "PingFang SC", sans-serif; font-size: var(--font-18); font-weight: 400; line-height: var(--font-24); @@ -487,20 +602,9 @@ margin-top: 0; max-width: 100%; } - .sl2-hero__title { - font-size: 40Px; - line-height: 54Px; - } .sl2-hero__media { height: 520Px; } - .sl2-adv, - .sl2-arch, - .sl2-core, - .sl2-scene, - .sl2-more { - padding-top: 4rem; - } .sl2-adv__list { grid-template-columns: 1fr; gap: 24Px; @@ -547,15 +651,6 @@ .sl2-hero__intro { 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 { height: 280Px; } diff --git a/public/themes/dist_static/static/js/solution-Ch_DBWw9.js b/public/themes/dist_static/static/js/solution-Ch_DBWw9.js deleted file mode 100644 index 37a46b6..0000000 --- a/public/themes/dist_static/static/js/solution-Ch_DBWw9.js +++ /dev/null @@ -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()}); \ No newline at end of file diff --git a/public/themes/dist_static/static/js/solution2-Ck5yldPf.js b/public/themes/dist_static/static/js/solution2-Ck5yldPf.js deleted file mode 100644 index 7068282..0000000 --- a/public/themes/dist_static/static/js/solution2-Ck5yldPf.js +++ /dev/null @@ -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()}); \ No newline at end of file diff --git a/public/themes/website/1/zh/demo/solution2.html b/public/themes/website/1/zh/demo/solution2.html index 72712e8..0c6a6fe 100644 --- a/public/themes/website/1/zh/demo/solution2.html +++ b/public/themes/website/1/zh/demo/solution2.html @@ -171,6 +171,22 @@ $current_cate_id = $current_cate['id'] ?? 0; {/hcTaglib:subcategory} +
+
+ + +
+
{/if} {if !empty($sub_cates[5])}