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

调整投资知识

master
xumengxiang 5 days ago
parent
e995ffea4b
commit
1a21e84a60
8 changed files with 861 additions and 586 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. 78
      public/themes/dist_static/static/css/investment.css
  2. 20
      public/themes/dist_static/static/js/investment.js
  3. 280
      public/themes/website/1/en/demo/about.html
  4. 213
      public/themes/website/1/en/demo/solution2.html
  5. 219
      public/themes/website/1/zh/demo/solution2.html
  6. 211
      public/themes/website/4/en/demo/about.html
  7. 213
      public/themes/website/4/en/demo/solution2.html
  8. 213
      public/themes/website/4/zh/demo/solution2.html

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

@ -116,7 +116,9 @@
background: rgb(241, 241, 241); background: rgb(241, 241, 241);
color: var(--color-text); color: var(--color-text);
box-sizing: border-box; box-sizing: border-box;
transition: background 0.3s ease, color 0.3s ease;
transition:
background 0.3s ease,
color 0.3s ease;
} }
.iv-announce__card:hover { .iv-announce__card:hover {
background: var(--color-primary); background: var(--color-primary);
@ -170,7 +172,9 @@
font-size: var(--font-16); font-size: var(--font-16);
font-weight: 400; font-weight: 400;
line-height: var(--font-21); line-height: var(--font-21);
transition: color var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing);
transition:
color var(--duration-fast) var(--easing),
border-color var(--duration-fast) var(--easing);
} }
.iv-announce__link svg { .iv-announce__link svg {
width: 1rem; width: 1rem;
@ -288,7 +292,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: 6.25rem;
} }
.iv-learn__title { .iv-learn__title {
margin: 0; margin: 0;
@ -303,7 +307,15 @@
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
.iv-learn__list:not(.is-expanded) .iv-learn__item:nth-child(n+7) {
.iv-learn__list.is-expanded {
max-height: calc(8 * (4.25rem + var(--font-32) + 1px));
overflow-y: auto;
overscroll-behavior: contain;
scrollbar-gutter: stable;
padding-right: 3rem;
scrollbar-width: thin;
}
.iv-learn__list:not(.is-expanded) .iv-learn__item:nth-child(n + 7) {
display: none; display: none;
} }
.iv-learn__item { .iv-learn__item {
@ -392,11 +404,15 @@
.iv-learn__more-icon--up { .iv-learn__more-icon--up {
opacity: 0.35; opacity: 0.35;
transform: scaleY(-1); transform: scaleY(-1);
transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing);
transition:
opacity var(--duration-fast) var(--easing),
transform var(--duration-fast) var(--easing);
} }
.iv-learn__more-icon--down { .iv-learn__more-icon--down {
opacity: 1; opacity: 1;
transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing);
transition:
opacity var(--duration-fast) var(--easing),
transform var(--duration-fast) var(--easing);
} }
.iv-learn__more.is-expanded .iv-learn__more-icon--up { .iv-learn__more.is-expanded .iv-learn__more-icon--up {
opacity: 1; opacity: 1;
@ -491,35 +507,35 @@
@media (max-width: 1439px) { @media (max-width: 1439px) {
.iv-hero__title h1 { .iv-hero__title h1 {
font-size: 40Px;
line-height: 54Px;
font-size: 40px;
line-height: 54px;
} }
.iv-hero__media { .iv-hero__media {
height: 520Px;
height: 520px;
} }
.iv-info, .iv-info,
.iv-learn, .iv-learn,
.iv-hotline__inner { .iv-hotline__inner {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 32Px;
gap: 32px;
} }
.iv-info, .iv-info,
.iv-announce, .iv-announce,
.iv-stock, .iv-stock,
.iv-learn { .iv-learn {
padding-top: 80Px;
padding-bottom: 80Px;
padding-top: 80px;
padding-bottom: 80px;
} }
.iv-stock__body { .iv-stock__body {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 40Px;
gap: 40px;
} }
.iv-stock__title { .iv-stock__title {
margin-bottom: 48Px;
margin-bottom: 48px;
} }
.iv-stock__metrics { .iv-stock__metrics {
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24Px 40Px;
gap: 24px 40px;
} }
} }
@media (max-width: 992px) { @media (max-width: 992px) {
@ -527,45 +543,45 @@
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.iv-announce__card { .iv-announce__card {
min-height: 280Px;
padding: 28Px;
min-height: 280px;
padding: 28px;
} }
.iv-learn__item { .iv-learn__item {
grid-template-columns: 1fr; grid-template-columns: 1fr;
gap: 12Px;
gap: 12px;
align-items: flex-start; align-items: flex-start;
} }
} }
@media (max-width: 576px) { @media (max-width: 576px) {
.iv-hero__title { .iv-hero__title {
padding-top: calc(var(--header-h) + 5rem); padding-top: calc(var(--header-h) + 5rem);
padding-bottom: 24Px;
padding-bottom: 24px;
} }
.iv-hero__title h1 { .iv-hero__title h1 {
font-size: 28Px;
line-height: 40Px;
font-size: 28px;
line-height: 40px;
} }
.iv-hero__media { .iv-hero__media {
height: 280Px;
height: 280px;
} }
.iv-info__title, .iv-info__title,
.iv-announce__title, .iv-announce__title,
.iv-stock__title, .iv-stock__title,
.iv-learn__title, .iv-learn__title,
.iv-hotline__title { .iv-hotline__title {
font-size: 32Px;
line-height: 44Px;
font-size: 32px;
line-height: 44px;
} }
.iv-info__value, .iv-info__value,
.iv-announce__name, .iv-announce__name,
.iv-learn__name, .iv-learn__name,
.iv-hotline__value { .iv-hotline__value {
font-size: 18Px;
line-height: 26Px;
font-size: 18px;
line-height: 26px;
} }
.iv-stock__price { .iv-stock__price {
font-size: 44Px;
line-height: 44Px;
font-size: 44px;
line-height: 44px;
} }
.iv-stock__metrics { .iv-stock__metrics {
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
@ -594,10 +610,10 @@
.iv-announce__arrows-mobile { .iv-announce__arrows-mobile {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
margin-top: 24Px;
margin-top: 24px;
} }
.iv-announce__arrows-mobile .s-arrows { .iv-announce__arrows-mobile .s-arrows {
display: flex; display: flex;
gap: 16Px;
gap: 16px;
} }
}
}

20
public/themes/dist_static/static/js/investment.js
View File

@ -57,9 +57,27 @@ function initLearnToggle() {
return; return;
} }
btn.addEventListener("click", () => { btn.addEventListener("click", () => {
list.classList.toggle("is-expanded");
const isExpanded = list.classList.toggle("is-expanded");
btn.classList.toggle("is-expanded"); btn.classList.toggle("is-expanded");
// 阻止平滑滚动库接管滚动
if (isExpanded) {
list.setAttribute("data-lenis-prevent", "");
} else {
list.removeAttribute("data-lenis-prevent");
}
}); });
// 阻止滚动事件冒泡（作为回退方案）
list.addEventListener("wheel", (e) => {
if (!list.classList.contains("is-expanded")) return;
const { scrollTop, scrollHeight, clientHeight } = list;
const atTop = e.deltaY < 0 && scrollTop <= 0;
const atBottom = e.deltaY > 0 && scrollTop + clientHeight >= scrollHeight - 1;
if (!atTop && !atBottom) {
e.stopPropagation();
}
}, { passive: false });
} }
$(function() { $(function() {
setActiveNav(); setActiveNav();

280
public/themes/website/1/en/demo/about.html
View File

@ -8,51 +8,52 @@
<meta name="keywords" content="{$current_cate.seo_keywords}"> <meta name="keywords" content="{$current_cate.seo_keywords}">
<meta name="description" content="{$current_cate.seo_description}"> <meta name="description" content="{$current_cate.seo_description}">
<!-- 公共CSS 自动被打包进页面 --> <!-- 公共CSS 自动被打包进页面 -->
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动 // 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
(function () { (function () {
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
})
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
}) })
})
})() })()
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<script type="module" crossorigin src="/themes/dist_static/static/js/about.js"></script> <script type="module" crossorigin src="/themes/dist_static/static/js/about.js"></script>
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js"> <link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js">
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/earth.js"> <link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/earth.js">
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> <link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css">
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/about.css"> <link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/about.css">
</head> </head>
<body> <body>
<!-- 引入公共头部 -->
<!-- header -->
{include file="components/header"}
<!-- 引入公共头部 -->
<!-- header -->
{include file="components/header"}
<main class="main-about" data-nav="{$current_cate.title}"> <main class="main-about" data-nav="{$current_cate.title}">
<section class="ab-hero"> <section class="ab-hero">
@ -76,7 +77,7 @@
$ui_download_csr = uiId('download_csr'); $ui_download_csr = uiId('download_csr');
$csr_report_href = getMuiLangUrl('/download.html'); $csr_report_href = getMuiLangUrl('/download.html');
if ($ui_download_csr > 0) { if ($ui_download_csr > 0) {
$csr_report_href .= '?cid=' . $ui_download_csr;
$csr_report_href .= '?cid=' . $ui_download_csr;
} }
{/php} {/php}
{hcTaglib:category id="$ui_about_intro" item="vo" field="*"} {hcTaglib:category id="$ui_about_intro" item="vo" field="*"}
@ -90,16 +91,17 @@
$stats_raw = explode(',', $vo['desc']); $stats_raw = explode(',', $vo['desc']);
$stats_list = []; $stats_list = [];
foreach ($stats_raw as $item) { foreach ($stats_raw as $item) {
$parts = explode(';', $item);
if (count($parts) === 3) {
$stats_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'text' => $parts[2]];
}
$parts = explode(';', $item);
if (count($parts) === 3) {
$stats_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'text' => $parts[2]];
}
} }
{/php} {/php}
<ul class="ab-intro__stats"> <ul class="ab-intro__stats">
{volist name="stats_list" id="stat"} {volist name="stats_list" id="stat"}
<li> <li>
<strong><span class="counter">{$stat.num}</span><span class="ab-intro__stats-unit">{$stat.unit}</span></strong>
<strong><span class="counter">{$stat.num}</span><span
class="ab-intro__stats-unit">{$stat.unit}</span></strong>
<span>{$stat.text}</span> <span>{$stat.text}</span>
</li> </li>
{/volist} {/volist}
@ -115,30 +117,42 @@
<h2 class="ab-history__title">{$vo.title}</h2> <h2 class="ab-history__title">{$vo.title}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
</div> </div>
<div class="ab-history__swiper swiper section__wrap"> <div class="ab-history__swiper swiper section__wrap">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="9999" mainField="id,title,sub_title,content,thumbnail" sort="sort desc" subField="" onlyData="2"}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="9999"
mainField="id,title,sub_title,content,thumbnail" sort="sort desc" subField="" onlyData="2"}
<article class="swiper-slide ab-history__slide"> <article class="swiper-slide ab-history__slide">
<time class="ab-history__year" datetime="2025">{$case_top.sub_title}</time> <time class="ab-history__year" datetime="2025">{$case_top.sub_title}</time>
<div class="ab-history__dot" aria-hidden="true"></div> <div class="ab-history__dot" aria-hidden="true"></div>
<h3 class="ab-history__slide-title">{$case_top.title}</h3> <h3 class="ab-history__slide-title">{$case_top.title}</h3>
<a class="ab-history__more" href="{:getMuiLangUrl('/about-history.html')}#year-{$case_top.sub_title}"> <a class="ab-history__more" href="{:getMuiLangUrl('/about-history.html')}#year-{$case_top.sub_title}">
<span>Learn more</span> <span>Learn more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.502" height="6.661" fill="none" aria-hidden="true">
<path d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="currentColor" fill-rule="nonzero" />
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.502" height="6.661"
fill="none" aria-hidden="true">
<path
d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z"
fill="currentColor" fill-rule="nonzero" />
</svg> </svg>
</a> </a>
<div class="ab-history__media"> <div class="ab-history__media">
@ -151,15 +165,23 @@
<div class="ab-history__arrows-mobile"> <div class="ab-history__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
@ -177,10 +199,10 @@
$culture_raw = explode('#', $vo['description']); $culture_raw = explode('#', $vo['description']);
$culture_list = []; $culture_list = [];
foreach ($culture_raw as $item) { foreach ($culture_raw as $item) {
$parts = explode(';', $item);
if (count($parts) === 3) {
$culture_list[] = ['zh' => $parts[0], 'en' => $parts[1], 'text' => $parts[2]];
}
$parts = explode(';', $item);
if (count($parts) === 3) {
$culture_list[] = ['zh' => $parts[0], 'en' => $parts[1], 'text' => $parts[2]];
}
} }
{/php} {/php}
<div class="ab-culture__list"> <div class="ab-culture__list">
@ -205,11 +227,11 @@
$global_raw = explode(',', $vo['description']); $global_raw = explode(',', $vo['description']);
$global_list = []; $global_list = [];
foreach ($global_raw as $item) { foreach ($global_raw as $item) {
$parts = explode(';', $item, 3);
if (count($parts) >= 2) {
$desc = isset($parts[2]) ? str_replace(';', '<br>', $parts[2]) : '';
$global_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'desc' => $desc];
}
$parts = explode(';', $item, 3);
if (count($parts) >= 2) {
$desc = isset($parts[2]) ? str_replace(';', '<br>', $parts[2]) : '';
$global_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'desc' => $desc];
}
} }
$global_left = array_slice($global_list, 0, 3); $global_left = array_slice($global_list, 0, 3);
$global_right = array_slice($global_list, 3); $global_right = array_slice($global_list, 3);
@ -249,8 +271,10 @@
<div class="ab-members__panels-swiper swiper"> <div class="ab-members__panels-swiper swiper">
<div class="ab-members__panels swiper-wrapper"> <div class="ab-members__panels swiper-wrapper">
{php}$member_idx = 0;{/php} {php}$member_idx = 0;{/php}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="50" mainField="id,url,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<div class="ab-members__panel swiper-slide" id="ab-member-panel-{$case_top.id}" data-index="{$member_idx}">
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="50"
mainField="id,url,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<div class="ab-members__panel swiper-slide" id="ab-member-panel-{$case_top.id}"
data-index="{$member_idx}">
<div class="ab-members__content"> <div class="ab-members__content">
<div> <div>
<h3 class="ab-members__name">{$case_top.title}</h3> <h3 class="ab-members__name">{$case_top.title}</h3>
@ -258,24 +282,66 @@
{$case_top.content|strip_tags} {$case_top.content|strip_tags}
</p> </p>
</div> </div>
<a target="_blank" class="s-btn s-btn--outline s-btn--pill ab-members__more" href="{$case_top.url ?? '#'}">Explore more</a>
<a target="_blank" class="s-btn s-btn--outline s-btn--pill ab-members__more"
href="{$case_top.url ?? '#'}">Explore more</a>
</div> </div>
</div> </div>
{php}$member_idx++;{/php} {php}$member_idx++;{/php}
{/hcTaglib:content} {/hcTaglib:content}
</div> </div>
</div> </div>
<div class="ab-members__logos" role="tablist" aria-label="Group members">
{php}$member_idx = 0;{/php}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="50" mainField="id,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<button type="button" class="ab-members__logo{if $member_idx == 0} is-active{/if}" id="ab-member-tab-{$case_top.id}"
data-index="{$member_idx}"
role="tab" aria-controls="ab-member-panel-{$case_top.id}" aria-selected="{if $member_idx == 0}true{else}false{/if}">
<img src="{$case_top.thumbnail.url ?? ''}" alt="{$case_top.title}" width="160" height="60" />
</button>
{php}$member_idx++;{/php}
{/hcTaglib:content}
<div>
<div class="ab-members__logos" role="tablist" aria-label="Group members">
{php}$member_idx = 0;{/php}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="50"
mainField="id,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<button type="button" class="ab-members__logo{if $member_idx == 0} is-active{/if}"
id="ab-member-tab-{$case_top.id}" data-index="{$member_idx}" role="tab"
aria-controls="ab-member-panel-{$case_top.id}"
aria-selected="{if $member_idx == 0}true{else}false{/if}">
<img src="{$case_top.thumbnail.url ?? ''}" alt="{$case_top.title}" width="160" height="60" />
</button>
{php}$member_idx++;{/php}
{/hcTaglib:content}
</div>
<div class="panels-swiper-navigation">
<svg class="swiper-prev" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="40.000000" height="40.000000" fill="none"
clip-path="url(#clipPath_1)" customFrame="url(#clipPath_1)">
<defs>
<clipPath id="clipPath_1">
<rect width="39.000000" height="39.000000" x="0.500000" y="0.500000" rx="15.500000"
fill="rgb(255,255,255)" transform="matrix(-1,0,0,1,40,0)" />
</clipPath>
</defs>
<path id="合并" />
<path id="合并"
d="M12.171 1.41422L13.5852 0L20.656 7.07082L20.6561 7.07072L22.0703 8.48494L22.0702 8.48504L22.0705 8.48528L20.6562 9.8995L20.656 9.89926L13.585 16.9702L12.1708 15.556L18.2429 9.48396L0 9.48396L0 7.48396L18.2407 7.48396L12.171 1.41422Z"
fill="rgb(255,255,255)" fill-rule="evenodd" transform="matrix(-1,0,0,1,31.0703,12)" />
<rect id="容器 246" width="39.000000" height="39.000000" x="0.500000" y="0.500000" rx="15.500000"
stroke="rgb(255,255,255)" stroke-opacity="0" stroke-width="1.000000"
transform="matrix(-1,0,0,1,40,0)" />
</svg>
<svg class="swiper-next" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="40.000000" height="40.000000" fill="none"
clip-path="url(#clipPath_0)" customFrame="url(#clipPath_0)">
<defs>
<clipPath id="clipPath_0">
<rect width="39.000000" height="39.000000" x="0.500000" y="0.500000" rx="15.500000"
fill="rgb(255,255,255)" />
</clipPath>
</defs>
<path id="合并" transform="matrix(-1,0,0,1,47,21.5557)" />
<path id="合并"
d="M21.171 13.4142L22.5852 12L29.656 19.0708L29.6561 19.0707L31.0703 20.4849L31.0702 20.485L31.0705 20.4853L29.6562 21.8995L29.656 21.8993L22.585 28.9702L21.1708 27.556L27.2429 21.484L9 21.484L9 19.484L27.2407 19.484L21.171 13.4142Z"
fill="rgb(255,255,255)" fill-rule="evenodd" />
<rect id="容器 245" width="39.000000" height="39.000000" x="0.500000" y="0.500000" rx="15.500000"
stroke="rgb(255,255,255)" stroke-opacity="0" stroke-width="1.000000" />
</svg>
</div>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
@ -289,28 +355,40 @@
</div> </div>
<div class="ab-honors__body"> <div class="ab-honors__body">
<ul class="ab-honors__list"> <ul class="ab-honors__list">
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="999" mainField="id,url,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="999"
mainField="id,url,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<li class="ab-honors__item"> <li class="ab-honors__item">
<span class="ab-honors__name">{$case_top.title}</span>
<a class="ab-honors__view" href="javascript:;">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
<g id="eye">
<path d="M12.0019 15.5799C10.0219 15.5799 8.42188 13.9799 8.42188 11.9999C8.42188 10.0199 10.0219 8.41992 12.0019 8.41992C13.9819 8.41992 15.5819 10.0199 15.5819 11.9999C15.5819 13.9799 13.9819 15.5799 12.0019 15.5799Z" fill-rule="nonzero" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
<path d="M21.1098 14.5907C22.0098 13.1807 22.0098 10.8107 21.1098 9.4007C18.8198 5.8007 15.5298 3.7207 11.9998 3.7207C8.46984 3.7207 5.17984 5.8007 2.88984 9.4007C1.98984 10.8107 1.98984 13.1807 2.88984 14.5907C5.17984 18.1907 8.46984 20.2707 11.9998 20.2707C15.5298 20.2707 18.8198 18.1907 21.1098 14.5907Z" fill-rule="nonzero" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
</g>
</svg>
<div class="flex-between hover">
<span class="ab-honors__name">{$case_top.title}</span>
<span class="ab-honors__view" href="javascript:;">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
<g id="eye">
<path
d="M12.0019 15.5799C10.0219 15.5799 8.42188 13.9799 8.42188 11.9999C8.42188 10.0199 10.0219 8.41992 12.0019 8.41992C13.9819 8.41992 15.5819 10.0199 15.5819 11.9999C15.5819 13.9799 13.9819 15.5799 12.0019 15.5799Z"
fill-rule="nonzero" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" />
<path
d="M21.1098 14.5907C22.0098 13.1807 22.0098 10.8107 21.1098 9.4007C18.8198 5.8007 15.5298 3.7207 11.9998 3.7207C8.46984 3.7207 5.17984 5.8007 2.88984 9.4007C1.98984 10.8107 1.98984 13.1807 2.88984 14.5907C5.17984 18.1907 8.46984 20.2707 11.9998 20.2707C15.5298 20.2707 18.8198 18.1907 21.1098 14.5907Z"
fill-rule="nonzero" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" />
</g>
</svg>
<span>View certificate</span>
<span class="ab-honors__pop" aria-hidden="true">
<img class="ab-honors__cert-img" src="{$case_top.thumbnail.url ?? ''}" alt="Honor certificate" />
<span>View certificate</span>
<span class="ab-honors__pop" aria-hidden="true">
<img class="ab-honors__cert-img" src="{$case_top.thumbnail.url ?? ''}" alt="Honor certificate" />
</span>
</span> </span>
</a>
</div>
</li> </li>
{/hcTaglib:content} {/hcTaglib:content}
</ul> </ul>
<button type="button" class="ab-honors__more"> <button type="button" class="ab-honors__more">
<span>Show more</span> <span>Show more</span>
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2011.2728%206.90918'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11.272827'%20height='6.909180'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='矢量%202'%20d='M0.636353%200.636272L5.63635%205.63627L10.6364%200.63623'%20stroke='rgb(102,102,102)'%20stroke-width='1.800000'%20/%3e%3c/svg%3e" alt="" width="12" height="6" />
<img
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2011.2728%206.90918'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11.272827'%20height='6.909180'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='矢量%202'%20d='M0.636353%200.636272L5.63635%205.63627L10.6364%200.63623'%20stroke='rgb(102,102,102)'%20stroke-width='1.800000'%20/%3e%3c/svg%3e"
alt="" width="12" height="6" />
</button> </button>
</div> </div>
</section> </section>
@ -336,17 +414,19 @@
{include file="components/mask"} {include file="components/mask"}
{include file="components/footer"}
{include file="components/footer"}
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
<script src="/themes/dist_static/js/lib/three-r128.min.js"></script> <script src="/themes/dist_static/js/lib/three-r128.min.js"></script>
<script src="/themes/dist_static/js/lib/three-128-orbitControls.js"></script> <script src="/themes/dist_static/js/lib/three-128-orbitControls.js"></script>
</body> </body>

213
public/themes/website/1/en/demo/solution2.html
View File

@ -12,41 +12,41 @@ $current_cate_id = $current_cate['id'] ?? 0;
<meta name="keywords" content="{$current_cate['seo_keywords']}"> <meta name="keywords" content="{$current_cate['seo_keywords']}">
<meta name="description" content="{$current_cate['seo_description']}"> <meta name="description" content="{$current_cate['seo_description']}">
<!-- 公共CSS 自动被打包进页面 --> <!-- 公共CSS 自动被打包进页面 -->
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动 // 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
(function () { (function () {
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
})
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
}) })
})
})() })()
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<script type="module" crossorigin src="/themes/dist_static/static/js/solution2.js"></script> <script type="module" crossorigin src="/themes/dist_static/static/js/solution2.js"></script>
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js"> <link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js">
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> <link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css">
@ -54,8 +54,8 @@ $current_cate_id = $current_cate['id'] ?? 0;
</head> </head>
<body> <body>
<!-- header -->
{include file="components/header"}
<!-- header -->
{include file="components/header"}
<main class="main-solution2" data-nav="解决方案"> <main class="main-solution2" data-nav="解决方案">
{if !empty($sub_cates[0])} {if !empty($sub_cates[0])}
@ -80,13 +80,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
$contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); $contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']);
{/php} {/php}
{volist name="contents" id="vo"} {volist name="contents" id="vo"}
<li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;width: 48px;" src="{$vo['thumbnail']['url'] ?? ''}">
</span>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''}</p>
</li>
<li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;" src="{$vo['thumbnail']['url'] ?? ''}">
</span>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''}</p>
</li>
{/volist} {/volist}
</ul> </ul>
</section> </section>
@ -95,7 +95,8 @@ $current_cate_id = $current_cate['id'] ?? 0;
<section class="sl2-arch section__wrap" id="arch" data-header-dark> <section class="sl2-arch section__wrap" id="arch" data-header-dark>
<h2 class="sl2-arch__title">{$sub_cates[2]['title'] ?? ''}</h2> <h2 class="sl2-arch__title">{$sub_cates[2]['title'] ?? ''}</h2>
<div class="sl2-arch__panel"> <div class="sl2-arch__panel">
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['description'] ?? ''}" width="1630" height="650" />
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['description'] ?? ''}" width="1630"
height="650" />
</div> </div>
</section> </section>
{/if} {/if}
@ -105,15 +106,23 @@ $current_cate_id = $current_cate['id'] ?? 0;
<h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2> <h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
@ -128,11 +137,11 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-core__content"> <div class="sl2-core__content">
<h3 class="sl2-core__name">{$vo.title ?? ''}</h3> <h3 class="sl2-core__name">{$vo.title ?? ''}</h3>
<p class="sl2-core__desc">{$vo.description ?? ''}</p> <p class="sl2-core__desc">{$vo.description ?? ''}</p>
<a class="s-btn s-btn--primary s-btn--pill" href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">Explore more</a>
<a class="s-btn s-btn--primary s-btn--pill"
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">Explore more</a>
</div> </div>
<div class="sl2-core__media"> <div class="sl2-core__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520"
loading="lazy" />
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520" loading="lazy" />
</div> </div>
</article> </article>
{/volist} {/volist}
@ -206,15 +215,23 @@ $current_cate_id = $current_cate['id'] ?? 0;
<h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2> <h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
@ -222,39 +239,51 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-more__swiper swiper"> <div class="sl2-more__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{php}$others = getOtherCategoryCategoryId($current_cate['id'],$seller_id,5);{/php}
{volist name="others" id="vo"}
<article class="swiper-slide sl2-more__slide">
<a class="sl2-more__card" href="{$vo.alias ?? ''}">
<div class="sl2-more__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="300" loading="lazy" />
</div>
<div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link">
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</div>
</a>
</article>
{/volist}
</div>
{php}$others = getOtherCategoryCategoryId($current_cate['id'],$seller_id,5);{/php}
{volist name="others" id="vo"}
<article class="swiper-slide sl2-more__slide">
<a class="sl2-more__card" href="{$vo.alias ?? ''}">
<div class="sl2-more__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="300" loading="lazy" />
</div>
<div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link">
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none"
customFrame="#000000">
<path id="箭头 2"
d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z"
fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</div>
</a>
</article>
{/volist}
</div>
</div> </div>
<div class="sl2-more__arrows-mobile"> <div class="sl2-more__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
@ -265,17 +294,19 @@ $current_cate_id = $current_cate['id'] ?? 0;
{include file="components/mask"} {include file="components/mask"}
<!-- 模块：底部 --> <!-- 模块：底部 -->
{include file="components/footer"}
{include file="components/footer"}
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
</body> </body>
</html> </html>

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

@ -12,41 +12,41 @@ $current_cate_id = $current_cate['id'] ?? 0;
<meta name="keywords" content="{$current_cate['seo_keywords']}"> <meta name="keywords" content="{$current_cate['seo_keywords']}">
<meta name="description" content="{$current_cate['seo_description']}"> <meta name="description" content="{$current_cate['seo_description']}">
<!-- 公共CSS 自动被打包进页面 --> <!-- 公共CSS 自动被打包进页面 -->
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动 // 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
(function () { (function () {
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
})
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
}) })
})
})() })()
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<script type="module" crossorigin src="/themes/dist_static/static/js/solution2.js"></script> <script type="module" crossorigin src="/themes/dist_static/static/js/solution2.js"></script>
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js"> <link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js">
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> <link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css">
@ -54,16 +54,16 @@ $current_cate_id = $current_cate['id'] ?? 0;
</head> </head>
<body> <body>
<!-- header -->
{include file="components/header"}
<!-- header -->
{include file="components/header"}
<main class="main-solution2" data-nav="解决方案"> <main class="main-solution2" data-nav="解决方案">
{if !empty($sub_cates[0])} {if !empty($sub_cates[0])}
<section class="sl2-hero"> <section class="sl2-hero">
<div class="sl2-hero__intro section__wrap" data-header-dark> <div class="sl2-hero__intro section__wrap" data-header-dark>
{php}
$sub_cates_tmp0 = $sub_cates[0]['title'] ?? '';
{/php}
{php}
$sub_cates_tmp0 = $sub_cates[0]['title'] ?? '';
{/php}
<h1 class="sl2-hero__title">{$sub_cates_tmp0|raw}</h1> <h1 class="sl2-hero__title">{$sub_cates_tmp0|raw}</h1>
<p class="sl2-hero__desc"> <p class="sl2-hero__desc">
{$sub_cates[0]['description'] ?? ''} {$sub_cates[0]['description'] ?? ''}
@ -83,13 +83,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
$contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); $contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']);
{/php} {/php}
{volist name="contents" id="vo"} {volist name="contents" id="vo"}
<li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;width: 48px;" src="{$vo['thumbnail']['url'] ?? ''}">
</span>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''}</p>
</li>
<li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;" src="{$vo['thumbnail']['url'] ?? ''}">
</span>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''}</p>
</li>
{/volist} {/volist}
</ul> </ul>
</section> </section>
@ -103,7 +103,8 @@ $current_cate_id = $current_cate['id'] ?? 0;
<!-- <button type="button" class="s-btn s-btn--primary s-btn--pill sl2-arch__btn" data-arch-table-btn>查看产品组合表</button> --> <!-- <button type="button" class="s-btn s-btn--primary s-btn--pill sl2-arch__btn" data-arch-table-btn>查看产品组合表</button> -->
</div> </div>
<div class="sl2-arch__panel"> <div class="sl2-arch__panel">
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['title'] ?? ''}" width="1180" height="650" loading="lazy" />
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['title'] ?? ''}" width="1180"
height="650" loading="lazy" />
</div> </div>
</div> </div>
</section> </section>
@ -114,15 +115,23 @@ $current_cate_id = $current_cate['id'] ?? 0;
<h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2> <h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项"> <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>
<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>
<button type="button" class="s-arrows__next" aria-label="下一项"> <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>
<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>
</div> </div>
@ -137,11 +146,11 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-core__content"> <div class="sl2-core__content">
<h3 class="sl2-core__name">{$vo.title ?? ''}</h3> <h3 class="sl2-core__name">{$vo.title ?? ''}</h3>
<p class="sl2-core__desc">{$vo.description ?? ''}</p> <p class="sl2-core__desc">{$vo.description ?? ''}</p>
<a class="s-btn s-btn--primary s-btn--pill" href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">探索更多</a>
<a class="s-btn s-btn--primary s-btn--pill"
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">探索更多</a>
</div> </div>
<div class="sl2-core__media"> <div class="sl2-core__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520"
loading="lazy" />
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520" loading="lazy" />
</div> </div>
</article> </article>
{/volist} {/volist}
@ -214,15 +223,23 @@ $current_cate_id = $current_cate['id'] ?? 0;
<h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2> <h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项"> <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>
<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>
<button type="button" class="s-arrows__next" aria-label="下一项"> <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>
<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>
</div> </div>
@ -230,39 +247,51 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-more__swiper swiper"> <div class="sl2-more__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{php}$others = getOtherCategoryCategoryId($current_cate['id'],$seller_id,5);{/php}
{volist name="others" id="vo"}
<article class="swiper-slide sl2-more__slide">
<a class="sl2-more__card" href="{$vo.alias ?? ''}">
<div class="sl2-more__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="300" loading="lazy" />
</div>
<div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</div>
</a>
</article>
{/volist}
</div>
{php}$others = getOtherCategoryCategoryId($current_cate['id'],$seller_id,5);{/php}
{volist name="others" id="vo"}
<article class="swiper-slide sl2-more__slide">
<a class="sl2-more__card" href="{$vo.alias ?? ''}">
<div class="sl2-more__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="300" loading="lazy" />
</div>
<div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none"
customFrame="#000000">
<path id="箭头 2"
d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z"
fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</div>
</a>
</article>
{/volist}
</div>
</div> </div>
<div class="sl2-more__arrows-mobile"> <div class="sl2-more__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项"> <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>
<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>
<button type="button" class="s-arrows__next" aria-label="下一项"> <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>
<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>
</div> </div>
@ -273,17 +302,19 @@ $current_cate_id = $current_cate['id'] ?? 0;
{include file="components/mask"} {include file="components/mask"}
<!-- 模块：底部 --> <!-- 模块：底部 -->
{include file="components/footer"}
{include file="components/footer"}
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
</body> </body>
</html> </html>

211
public/themes/website/4/en/demo/about.html
View File

@ -8,51 +8,52 @@
<meta name="keywords" content="{$current_cate.seo_keywords}"> <meta name="keywords" content="{$current_cate.seo_keywords}">
<meta name="description" content="{$current_cate.seo_description}"> <meta name="description" content="{$current_cate.seo_description}">
<!-- 公共CSS 自动被打包进页面 --> <!-- 公共CSS 自动被打包进页面 -->
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动 // 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
(function () { (function () {
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
})
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
}) })
})
})() })()
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<script type="module" crossorigin src="/themes/dist_static/static/js/about.js"></script> <script type="module" crossorigin src="/themes/dist_static/static/js/about.js"></script>
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js"> <link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js">
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/earth.js"> <link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/earth.js">
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> <link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css">
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/about.css"> <link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/about.css">
</head> </head>
<body> <body>
<!-- 引入公共头部 -->
<!-- header -->
{include file="components/header"}
<!-- 引入公共头部 -->
<!-- header -->
{include file="components/header"}
<main class="main-about" data-nav="{$current_cate.title}"> <main class="main-about" data-nav="{$current_cate.title}">
<section class="ab-hero"> <section class="ab-hero">
@ -76,7 +77,7 @@
$ui_download_csr = uiId('download_csr'); $ui_download_csr = uiId('download_csr');
$csr_report_href = getMuiLangUrl('/download.html'); $csr_report_href = getMuiLangUrl('/download.html');
if ($ui_download_csr > 0) { if ($ui_download_csr > 0) {
$csr_report_href .= '?cid=' . $ui_download_csr;
$csr_report_href .= '?cid=' . $ui_download_csr;
} }
{/php} {/php}
{hcTaglib:category id="$ui_about_intro" item="vo" field="*"} {hcTaglib:category id="$ui_about_intro" item="vo" field="*"}
@ -90,16 +91,17 @@
$stats_raw = explode(',', $vo['desc']); $stats_raw = explode(',', $vo['desc']);
$stats_list = []; $stats_list = [];
foreach ($stats_raw as $item) { foreach ($stats_raw as $item) {
$parts = explode(';', $item);
if (count($parts) === 3) {
$stats_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'text' => $parts[2]];
}
$parts = explode(';', $item);
if (count($parts) === 3) {
$stats_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'text' => $parts[2]];
}
} }
{/php} {/php}
<ul class="ab-intro__stats"> <ul class="ab-intro__stats">
{volist name="stats_list" id="stat"} {volist name="stats_list" id="stat"}
<li> <li>
<strong><span class="counter">{$stat.num}</span><span class="ab-intro__stats-unit">{$stat.unit}</span></strong>
<strong><span class="counter">{$stat.num}</span><span
class="ab-intro__stats-unit">{$stat.unit}</span></strong>
<span>{$stat.text}</span> <span>{$stat.text}</span>
</li> </li>
{/volist} {/volist}
@ -115,30 +117,42 @@
<h2 class="ab-history__title">{$vo.title}</h2> <h2 class="ab-history__title">{$vo.title}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
</div> </div>
<div class="ab-history__swiper swiper section__wrap"> <div class="ab-history__swiper swiper section__wrap">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="9999" mainField="id,title,sub_title,content,thumbnail" sort="sort desc" subField="" onlyData="2"}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="9999"
mainField="id,title,sub_title,content,thumbnail" sort="sort desc" subField="" onlyData="2"}
<article class="swiper-slide ab-history__slide"> <article class="swiper-slide ab-history__slide">
<time class="ab-history__year" datetime="2025">{$case_top.sub_title}</time> <time class="ab-history__year" datetime="2025">{$case_top.sub_title}</time>
<div class="ab-history__dot" aria-hidden="true"></div> <div class="ab-history__dot" aria-hidden="true"></div>
<h3 class="ab-history__slide-title">{$case_top.title}</h3> <h3 class="ab-history__slide-title">{$case_top.title}</h3>
<a class="ab-history__more" href="{:getMuiLangUrl('/about-history.html')}#year-{$case_top.sub_title}"> <a class="ab-history__more" href="{:getMuiLangUrl('/about-history.html')}#year-{$case_top.sub_title}">
<span>Learn more</span> <span>Learn more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.502" height="6.661" fill="none" aria-hidden="true">
<path d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="currentColor" fill-rule="nonzero" />
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.502" height="6.661"
fill="none" aria-hidden="true">
<path
d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z"
fill="currentColor" fill-rule="nonzero" />
</svg> </svg>
</a> </a>
<div class="ab-history__media"> <div class="ab-history__media">
@ -151,15 +165,23 @@
<div class="ab-history__arrows-mobile"> <div class="ab-history__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
@ -177,10 +199,10 @@
$culture_raw = explode('#', $vo['description']); $culture_raw = explode('#', $vo['description']);
$culture_list = []; $culture_list = [];
foreach ($culture_raw as $item) { foreach ($culture_raw as $item) {
$parts = explode(';', $item);
if (count($parts) === 3) {
$culture_list[] = ['zh' => $parts[0], 'en' => $parts[1], 'text' => $parts[2]];
}
$parts = explode(';', $item);
if (count($parts) === 3) {
$culture_list[] = ['zh' => $parts[0], 'en' => $parts[1], 'text' => $parts[2]];
}
} }
{/php} {/php}
<div class="ab-culture__list"> <div class="ab-culture__list">
@ -205,11 +227,11 @@
$global_raw = explode(',', $vo['description']); $global_raw = explode(',', $vo['description']);
$global_list = []; $global_list = [];
foreach ($global_raw as $item) { foreach ($global_raw as $item) {
$parts = explode(';', $item, 3);
if (count($parts) >= 2) {
$desc = isset($parts[2]) ? str_replace(';', '<br>', $parts[2]) : '';
$global_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'desc' => $desc];
}
$parts = explode(';', $item, 3);
if (count($parts) >= 2) {
$desc = isset($parts[2]) ? str_replace(';', '<br>', $parts[2]) : '';
$global_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'desc' => $desc];
}
} }
$global_left = array_slice($global_list, 0, 3); $global_left = array_slice($global_list, 0, 3);
$global_right = array_slice($global_list, 3); $global_right = array_slice($global_list, 3);
@ -249,8 +271,10 @@
<div class="ab-members__panels-swiper swiper"> <div class="ab-members__panels-swiper swiper">
<div class="ab-members__panels swiper-wrapper"> <div class="ab-members__panels swiper-wrapper">
{php}$member_idx = 0;{/php} {php}$member_idx = 0;{/php}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="50" mainField="id,url,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<div class="ab-members__panel swiper-slide" id="ab-member-panel-{$case_top.id}" data-index="{$member_idx}">
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="50"
mainField="id,url,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<div class="ab-members__panel swiper-slide" id="ab-member-panel-{$case_top.id}"
data-index="{$member_idx}">
<div class="ab-members__content"> <div class="ab-members__content">
<div> <div>
<h3 class="ab-members__name">{$case_top.title}</h3> <h3 class="ab-members__name">{$case_top.title}</h3>
@ -258,7 +282,8 @@
{$case_top.content|strip_tags} {$case_top.content|strip_tags}
</p> </p>
</div> </div>
<a target="_blank" class="s-btn s-btn--outline s-btn--pill ab-members__more" href="{$case_top.url ?? '#'}">Explore more</a>
<a target="_blank" class="s-btn s-btn--outline s-btn--pill ab-members__more"
href="{$case_top.url ?? '#'}">Explore more</a>
</div> </div>
</div> </div>
{php}$member_idx++;{/php} {php}$member_idx++;{/php}
@ -267,10 +292,11 @@
</div> </div>
<div class="ab-members__logos" role="tablist" aria-label="Group members"> <div class="ab-members__logos" role="tablist" aria-label="Group members">
{php}$member_idx = 0;{/php} {php}$member_idx = 0;{/php}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="50" mainField="id,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<button type="button" class="ab-members__logo{if $member_idx == 0} is-active{/if}" id="ab-member-tab-{$case_top.id}"
data-index="{$member_idx}"
role="tab" aria-controls="ab-member-panel-{$case_top.id}" aria-selected="{if $member_idx == 0}true{else}false{/if}">
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="50"
mainField="id,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<button type="button" class="ab-members__logo{if $member_idx == 0} is-active{/if}"
id="ab-member-tab-{$case_top.id}" data-index="{$member_idx}" role="tab"
aria-controls="ab-member-panel-{$case_top.id}" aria-selected="{if $member_idx == 0}true{else}false{/if}">
<img src="{$case_top.thumbnail.url ?? ''}" alt="{$case_top.title}" width="160" height="60" /> <img src="{$case_top.thumbnail.url ?? ''}" alt="{$case_top.title}" width="160" height="60" />
</button> </button>
{php}$member_idx++;{/php} {php}$member_idx++;{/php}
@ -289,16 +315,23 @@
</div> </div>
<div class="ab-honors__body"> <div class="ab-honors__body">
<ul class="ab-honors__list"> <ul class="ab-honors__list">
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="999" mainField="id,url,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
{hcTaglib:content cid="$vo.id" moduleId="1" name="contentList" item="case_top" limit="999"
mainField="id,url,title,sub_title,content,thumbnail" sort="sort asc" subField="" onlyData="2"}
<li class="ab-honors__item"> <li class="ab-honors__item">
<span class="ab-honors__name">{$case_top.title}</span> <span class="ab-honors__name">{$case_top.title}</span>
<a class="ab-honors__view" href="javascript:;"> <a class="ab-honors__view" href="javascript:;">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"> <svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none">
<g id="eye">
<path d="M12.0019 15.5799C10.0219 15.5799 8.42188 13.9799 8.42188 11.9999C8.42188 10.0199 10.0219 8.41992 12.0019 8.41992C13.9819 8.41992 15.5819 10.0199 15.5819 11.9999C15.5819 13.9799 13.9819 15.5799 12.0019 15.5799Z" fill-rule="nonzero" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
<path d="M21.1098 14.5907C22.0098 13.1807 22.0098 10.8107 21.1098 9.4007C18.8198 5.8007 15.5298 3.7207 11.9998 3.7207C8.46984 3.7207 5.17984 5.8007 2.88984 9.4007C1.98984 10.8107 1.98984 13.1807 2.88984 14.5907C5.17984 18.1907 8.46984 20.2707 11.9998 20.2707C15.5298 20.2707 18.8198 18.1907 21.1098 14.5907Z" fill-rule="nonzero" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" />
</g>
</svg>
<g id="eye">
<path
d="M12.0019 15.5799C10.0219 15.5799 8.42188 13.9799 8.42188 11.9999C8.42188 10.0199 10.0219 8.41992 12.0019 8.41992C13.9819 8.41992 15.5819 10.0199 15.5819 11.9999C15.5819 13.9799 13.9819 15.5799 12.0019 15.5799Z"
fill-rule="nonzero" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" />
<path
d="M21.1098 14.5907C22.0098 13.1807 22.0098 10.8107 21.1098 9.4007C18.8198 5.8007 15.5298 3.7207 11.9998 3.7207C8.46984 3.7207 5.17984 5.8007 2.88984 9.4007C1.98984 10.8107 1.98984 13.1807 2.88984 14.5907C5.17984 18.1907 8.46984 20.2707 11.9998 20.2707C15.5298 20.2707 18.8198 18.1907 21.1098 14.5907Z"
fill-rule="nonzero" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"
stroke-width="1.5" />
</g>
</svg>
<span>View certificate</span> <span>View certificate</span>
<span class="ab-honors__pop" aria-hidden="true"> <span class="ab-honors__pop" aria-hidden="true">
@ -310,7 +343,9 @@
</ul> </ul>
<button type="button" class="ab-honors__more"> <button type="button" class="ab-honors__more">
<span>Show more</span> <span>Show more</span>
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2011.2728%206.90918'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11.272827'%20height='6.909180'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='矢量%202'%20d='M0.636353%200.636272L5.63635%205.63627L10.6364%200.63623'%20stroke='rgb(102,102,102)'%20stroke-width='1.800000'%20/%3e%3c/svg%3e" alt="" width="12" height="6" />
<img
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2011.2728%206.90918'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='11.272827'%20height='6.909180'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='矢量%202'%20d='M0.636353%200.636272L5.63635%205.63627L10.6364%200.63623'%20stroke='rgb(102,102,102)'%20stroke-width='1.800000'%20/%3e%3c/svg%3e"
alt="" width="12" height="6" />
</button> </button>
</div> </div>
</section> </section>
@ -336,17 +371,19 @@
{include file="components/mask"} {include file="components/mask"}
{include file="components/footer"}
{include file="components/footer"}
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
<script src="/themes/dist_static/js/lib/three-r128.min.js"></script> <script src="/themes/dist_static/js/lib/three-r128.min.js"></script>
<script src="/themes/dist_static/js/lib/three-128-orbitControls.js"></script> <script src="/themes/dist_static/js/lib/three-128-orbitControls.js"></script>
</body> </body>

213
public/themes/website/4/en/demo/solution2.html
View File

@ -12,41 +12,41 @@ $current_cate_id = $current_cate['id'] ?? 0;
<meta name="keywords" content="{$current_cate['seo_keywords']}"> <meta name="keywords" content="{$current_cate['seo_keywords']}">
<meta name="description" content="{$current_cate['seo_description']}"> <meta name="description" content="{$current_cate['seo_description']}">
<!-- 公共CSS 自动被打包进页面 --> <!-- 公共CSS 自动被打包进页面 -->
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动 // 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
(function () { (function () {
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
})
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
}) })
})
})() })()
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<script type="module" crossorigin src="/themes/dist_static/static/js/solution2.js"></script> <script type="module" crossorigin src="/themes/dist_static/static/js/solution2.js"></script>
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js"> <link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js">
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> <link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css">
@ -54,8 +54,8 @@ $current_cate_id = $current_cate['id'] ?? 0;
</head> </head>
<body> <body>
<!-- header -->
{include file="components/header"}
<!-- header -->
{include file="components/header"}
<main class="main-solution2" data-nav="解决方案"> <main class="main-solution2" data-nav="解决方案">
{if !empty($sub_cates[0])} {if !empty($sub_cates[0])}
@ -80,13 +80,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
$contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); $contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']);
{/php} {/php}
{volist name="contents" id="vo"} {volist name="contents" id="vo"}
<li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;width: 48px;" src="{$vo['thumbnail']['url'] ?? ''}">
</span>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''}</p>
</li>
<li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;" src="{$vo['thumbnail']['url'] ?? ''}">
</span>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''}</p>
</li>
{/volist} {/volist}
</ul> </ul>
</section> </section>
@ -95,7 +95,8 @@ $current_cate_id = $current_cate['id'] ?? 0;
<section class="sl2-arch section__wrap" id="arch" data-header-dark> <section class="sl2-arch section__wrap" id="arch" data-header-dark>
<h2 class="sl2-arch__title">{$sub_cates[2]['title'] ?? ''}</h2> <h2 class="sl2-arch__title">{$sub_cates[2]['title'] ?? ''}</h2>
<div class="sl2-arch__panel"> <div class="sl2-arch__panel">
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['description'] ?? ''}" width="1630" height="650" />
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['description'] ?? ''}" width="1630"
height="650" />
</div> </div>
</section> </section>
{/if} {/if}
@ -105,15 +106,23 @@ $current_cate_id = $current_cate['id'] ?? 0;
<h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2> <h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
@ -128,11 +137,11 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-core__content"> <div class="sl2-core__content">
<h3 class="sl2-core__name">{$vo.title ?? ''}</h3> <h3 class="sl2-core__name">{$vo.title ?? ''}</h3>
<p class="sl2-core__desc">{$vo.description ?? ''}</p> <p class="sl2-core__desc">{$vo.description ?? ''}</p>
<a class="s-btn s-btn--primary s-btn--pill" href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">Explore more</a>
<a class="s-btn s-btn--primary s-btn--pill"
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">Explore more</a>
</div> </div>
<div class="sl2-core__media"> <div class="sl2-core__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520"
loading="lazy" />
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520" loading="lazy" />
</div> </div>
</article> </article>
{/volist} {/volist}
@ -206,15 +215,23 @@ $current_cate_id = $current_cate['id'] ?? 0;
<h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2> <h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
@ -222,39 +239,51 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-more__swiper swiper"> <div class="sl2-more__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{php}$others = getOtherCategoryCategoryId($current_cate['id'],$seller_id,5);{/php}
{volist name="others" id="vo"}
<article class="swiper-slide sl2-more__slide">
<a class="sl2-more__card" href="{$vo.alias ?? ''}">
<div class="sl2-more__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="300" loading="lazy" />
</div>
<div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link">
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</div>
</a>
</article>
{/volist}
</div>
{php}$others = getOtherCategoryCategoryId($current_cate['id'],$seller_id,5);{/php}
{volist name="others" id="vo"}
<article class="swiper-slide sl2-more__slide">
<a class="sl2-more__card" href="{$vo.alias ?? ''}">
<div class="sl2-more__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="300" loading="lazy" />
</div>
<div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link">
<span>Explore more</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none"
customFrame="#000000">
<path id="箭头 2"
d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z"
fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</div>
</a>
</article>
{/volist}
</div>
</div> </div>
<div class="sl2-more__arrows-mobile"> <div class="sl2-more__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="Previous"> <button type="button" class="s-arrows__prev" aria-label="Previous">
<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>
<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>
<button type="button" class="s-arrows__next" aria-label="Next"> <button type="button" class="s-arrows__next" aria-label="Next">
<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>
<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>
</div> </div>
@ -265,17 +294,19 @@ $current_cate_id = $current_cate['id'] ?? 0;
{include file="components/mask"} {include file="components/mask"}
<!-- 模块：底部 --> <!-- 模块：底部 -->
{include file="components/footer"}
{include file="components/footer"}
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
</body> </body>
</html> </html>

213
public/themes/website/4/zh/demo/solution2.html
View File

@ -12,41 +12,41 @@ $current_cate_id = $current_cate['id'] ?? 0;
<meta name="keywords" content="{$current_cate['seo_keywords']}"> <meta name="keywords" content="{$current_cate['seo_keywords']}">
<meta name="description" content="{$current_cate['seo_description']}"> <meta name="description" content="{$current_cate['seo_description']}">
<!-- 公共CSS 自动被打包进页面 --> <!-- 公共CSS 自动被打包进页面 -->
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
<link rel="icon" href="./favicon.ico" type="image/x-icon">
<script>
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动 // 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
(function () { (function () {
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
})
var h = document.documentElement
// 设计稿宽度
var DESIGN_WIDTH = 1920
// 设计稿1rem = 16Px
var REM_AT_DESIGN = 16
// 最小字体大小-限制, 同时注意所有的box的大小也有了最小限制
var MIN_ROOT_FONT_SIZE = 14
function setRootFontSize() {
// 当前屏幕可视宽度（每次计算都取最新值）
var W = h.getBoundingClientRect().width
var size = (W / DESIGN_WIDTH) * REM_AT_DESIGN
if (size < MIN_ROOT_FONT_SIZE) size = MIN_ROOT_FONT_SIZE
h.style.fontSize = size + 'px'
}
setRootFontSize()
var resizeRaf = 0
window.addEventListener('resize', function () {
if (resizeRaf) return
resizeRaf = requestAnimationFrame(function () {
resizeRaf = 0
setRootFontSize()
}) })
})
})() })()
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
</script>
<link rel="stylesheet" href="https://unpkg.com/lenis@1.3.23/dist/lenis.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net.cn/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
<link href="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
<script type="module" crossorigin src="/themes/dist_static/static/js/solution2.js"></script> <script type="module" crossorigin src="/themes/dist_static/static/js/solution2.js"></script>
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js"> <link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js">
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> <link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css">
@ -54,8 +54,8 @@ $current_cate_id = $current_cate['id'] ?? 0;
</head> </head>
<body> <body>
<!-- header -->
{include file="components/header"}
<!-- header -->
{include file="components/header"}
<main class="main-solution2" data-nav="解决方案"> <main class="main-solution2" data-nav="解决方案">
{if !empty($sub_cates[0])} {if !empty($sub_cates[0])}
@ -80,13 +80,13 @@ $current_cate_id = $current_cate['id'] ?? 0;
$contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); $contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']);
{/php} {/php}
{volist name="contents" id="vo"} {volist name="contents" id="vo"}
<li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;width: 48px;" src="{$vo['thumbnail']['url'] ?? ''}">
</span>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''}</p>
</li>
<li class="sl2-adv__item">
<span class="sl2-adv__icon" aria-hidden="true">
<img style="height: 48px;" src="{$vo['thumbnail']['url'] ?? ''}">
</span>
<h3 class="sl2-adv__name">{$vo.title ?? ''}</h3>
<p class="sl2-adv__text">{$vo.description ?? ''}</p>
</li>
{/volist} {/volist}
</ul> </ul>
</section> </section>
@ -95,7 +95,8 @@ $current_cate_id = $current_cate['id'] ?? 0;
<section class="sl2-arch section__wrap" id="arch" data-header-dark> <section class="sl2-arch section__wrap" id="arch" data-header-dark>
<h2 class="sl2-arch__title">{$sub_cates[2]['title'] ?? ''}</h2> <h2 class="sl2-arch__title">{$sub_cates[2]['title'] ?? ''}</h2>
<div class="sl2-arch__panel"> <div class="sl2-arch__panel">
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['description'] ?? ''}" width="1630" height="650" />
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['description'] ?? ''}" width="1630"
height="650" />
</div> </div>
</section> </section>
{/if} {/if}
@ -105,15 +106,23 @@ $current_cate_id = $current_cate['id'] ?? 0;
<h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2> <h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项"> <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>
<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>
<button type="button" class="s-arrows__next" aria-label="下一项"> <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>
<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>
</div> </div>
@ -128,11 +137,11 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-core__content"> <div class="sl2-core__content">
<h3 class="sl2-core__name">{$vo.title ?? ''}</h3> <h3 class="sl2-core__name">{$vo.title ?? ''}</h3>
<p class="sl2-core__desc">{$vo.description ?? ''}</p> <p class="sl2-core__desc">{$vo.description ?? ''}</p>
<a class="s-btn s-btn--primary s-btn--pill" href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">探索更多</a>
<a class="s-btn s-btn--primary s-btn--pill"
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}">探索更多</a>
</div> </div>
<div class="sl2-core__media"> <div class="sl2-core__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520"
loading="lazy" />
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520" loading="lazy" />
</div> </div>
</article> </article>
{/volist} {/volist}
@ -205,15 +214,23 @@ $current_cate_id = $current_cate['id'] ?? 0;
<h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2> <h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2>
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项"> <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>
<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>
<button type="button" class="s-arrows__next" aria-label="下一项"> <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>
<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>
</div> </div>
@ -221,39 +238,51 @@ $current_cate_id = $current_cate['id'] ?? 0;
<div class="sl2-more__swiper swiper"> <div class="sl2-more__swiper swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{php}$others = getOtherCategoryCategoryId($current_cate['id'],$seller_id,5);{/php}
{volist name="others" id="vo"}
<article class="swiper-slide sl2-more__slide">
<a class="sl2-more__card" href="{$vo.alias ?? ''}">
<div class="sl2-more__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="300" loading="lazy" />
</div>
<div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none" customFrame="#000000">
<path id="箭头 2" d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z" fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</div>
</a>
</article>
{/volist}
</div>
{php}$others = getOtherCategoryCategoryId($current_cate['id'],$seller_id,5);{/php}
{volist name="others" id="vo"}
<article class="swiper-slide sl2-more__slide">
<a class="sl2-more__card" href="{$vo.alias ?? ''}">
<div class="sl2-more__media">
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="300" loading="lazy" />
</div>
<div class="sl2-more__body">
<h3 class="sl2-more__name">{$vo.title ?? ''}</h3>
<span class="sl2-more__link">
<span>探索更多</span>
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" width="16.501953" height="6.661133" fill="none"
customFrame="#000000">
<path id="箭头 2"
d="M0 2.83057L16 2.83057L16 3.83057L0 3.83057L0 2.83057ZM15.2929 3.33057L12.818 0.855693C12.62 0.657703 12.62 0.346575 12.818 0.148586C13.016 -0.0494041 13.3271 -0.0494046 13.5251 0.148585L16.3536 2.97701C16.5515 3.175 16.5515 3.48613 16.3536 3.68412L13.5251 6.51255C13.3271 6.71054 13.016 6.71054 12.818 6.51255C12.62 6.31456 12.62 6.00343 12.818 5.80544L15.2929 3.33057Z"
fill="rgb(102,102,102)" fill-rule="nonzero" />
</svg>
</span>
</div>
</a>
</article>
{/volist}
</div>
</div> </div>
<div class="sl2-more__arrows-mobile"> <div class="sl2-more__arrows-mobile">
<div class="s-arrows"> <div class="s-arrows">
<button type="button" class="s-arrows__prev" aria-label="上一项"> <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>
<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>
<button type="button" class="s-arrows__next" aria-label="下一项"> <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>
<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>
</div> </div>
@ -264,17 +293,19 @@ $current_cate_id = $current_cate['id'] ?? 0;
{include file="components/mask"} {include file="components/mask"}
<!-- 模块：底部 --> <!-- 模块：底部 -->
{include file="components/footer"}
{include file="components/footer"}
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="https://cdn.jsdelivr.net.cn/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.min.js"></script>
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script>
</body> </body>
</html> </html>
Write Preview
Loading…
Cancel
Save