You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
311 lines
15 KiB
311 lines
15 KiB
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
|
|
{php}
|
|
$current_cate_id = $current_cate['id'] ?? 0;
|
|
{/php}
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{$current_cate['seo_title']}</title>
|
|
<meta name="keywords" content="{$current_cate['seo_keywords']}">
|
|
<meta name="description" content="{$current_cate['seo_description']}">
|
|
<!-- 公共CSS 自动被打包进页面 -->
|
|
<link rel="icon" href="./favicon.ico" type="image/x-icon">
|
|
<script>
|
|
// 设计稿 1920px 宽度下 1rem = 16Px；放在 head 里避免刷新时 rem 闪动
|
|
(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()
|
|
})
|
|
})
|
|
})()
|
|
</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">
|
|
<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>
|
|
<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/solution2.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<main class="main-solution2" data-nav="解决方案">
|
|
|
|
{if !empty($sub_cates[0])}
|
|
<section class="sl2-hero">
|
|
<div class="sl2-hero__intro section__wrap" data-header-dark>
|
|
<h1 class="sl2-hero__title">{$sub_cates[0]['title'] ?? ''}</h1>
|
|
<p class="sl2-hero__desc">
|
|
{$sub_cates[0]['description'] ?? ''}
|
|
</p>
|
|
</div>
|
|
<div class="sl2-hero__media" aria-hidden="true">
|
|
<img src="{$sub_cates[0]['thumbnail']['url'] ?? ''}" alt="" width="1920" height="720" />
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
|
|
{if !empty($sub_cates[1])}
|
|
<section class="sl2-adv section__wrap" id="adv" data-header-dark>
|
|
<h2 class="sl2-adv__title">{$sub_cates[1]['title'] ?? ''}</h2>
|
|
<ul class="sl2-adv__list">
|
|
{php}
|
|
$contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']);
|
|
{/php}
|
|
{volist name="contents" id="vo"}
|
|
<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}
|
|
</ul>
|
|
</section>
|
|
{/if}
|
|
{if !empty($sub_cates[2])}
|
|
<section class="sl2-arch section__wrap" id="arch" data-header-dark>
|
|
<h2 class="sl2-arch__title">{$sub_cates[2]['title'] ?? ''}</h2>
|
|
<div class="sl2-arch__panel">
|
|
<img src="{$sub_cates[2]['thumbnail']['url'] ?? ''}" alt="{$sub_cates[2]['description'] ?? ''}" width="1630"
|
|
height="650" />
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
{if !empty($sub_cates[3])}
|
|
<section class="sl2-core section__wrap" id="core" data-header-dark>
|
|
<div class="sl2-core__head">
|
|
<h2 class="sl2-core__title">{$sub_cates[3]['title'] ?? ''}</h2>
|
|
<div class="s-arrows">
|
|
<button type="button" class="s-arrows__prev" aria-label="上一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none"
|
|
customFrame="#000000">
|
|
<path id="合并"
|
|
d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
|
|
fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
<button type="button" class="s-arrows__next" aria-label="下一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none"
|
|
customFrame="#000000">
|
|
<path id="合并"
|
|
d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
|
|
fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="sl2-core__swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
{php}
|
|
$products = getArticlesBySolutionName($current_cate['title'],$seller_id,6);
|
|
{/php}
|
|
{volist name="products" id="vo"}
|
|
<article class="swiper-slide sl2-core__slide">
|
|
<div class="sl2-core__content">
|
|
<h3 class="sl2-core__name">{$vo.title ?? ''}</h3>
|
|
<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>
|
|
</div>
|
|
<div class="sl2-core__media">
|
|
<img src="{$vo.thumbnail.url ?? ''}" alt="{$vo.title ?? ''}" width="520" height="520" loading="lazy" />
|
|
</div>
|
|
</article>
|
|
{/volist}
|
|
</div>
|
|
<div class="sl2-core__pagination"></div>
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
{if !empty($sub_cates[4])}
|
|
<!-- <section class="sl2-scene section__wrap" id="scene" data-header-dark>
|
|
<div class="sl2-scene__head">
|
|
<h2 class="sl2-scene__title">{$sub_cates[4]['title'] ?? ''}</h2>
|
|
<div class="s-arrows">
|
|
<button type="button" class="s-arrows__prev" aria-label="上一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
|
|
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
<button type="button" class="s-arrows__next" aria-label="下一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
|
|
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="sl2-scene__swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
{php}
|
|
$contents = getContentByCategory($sub_cates[4]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']);
|
|
{/php}
|
|
{volist name="contents" id="vo"}
|
|
<article class="swiper-slide sl2-scene__slide sl2-scene__slide--detail">
|
|
<img class="sl2-scene__bg" src="{$vo.thumbnail.url ?? ''}" alt="" width="960"
|
|
height="560" loading="lazy" />
|
|
<div class="sl2-scene__label">{$vo['title'] ?? ''}</div>
|
|
<div class="sl2-scene__panel">
|
|
<h3 class="sl2-scene__name">{$vo['title'] ?? ''}</h3>
|
|
<p class="sl2-scene__desc">
|
|
{$vo.description ?? ''}
|
|
</p>
|
|
</div>
|
|
</article>
|
|
{/volist}
|
|
</div>
|
|
</div>
|
|
<div class="sl2-scene__arrows-mobile">
|
|
<div class="s-arrows">
|
|
<button type="button" class="s-arrows__prev" aria-label="上一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
|
|
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
<button type="button" class="s-arrows__next" aria-label="下一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none" customFrame="#000000">
|
|
<path id="合并" d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z" fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section> -->
|
|
{/if}
|
|
{if !empty($sub_cates[5])}
|
|
<!-- 其他解决方案 -->
|
|
<section class="sl2-more section__wrap" id="more" data-header-dark>
|
|
<div class="sl2-more__head">
|
|
<h2 class="sl2-more__title">{$sub_cates[5]['title'] ?? ''}</h2>
|
|
<div class="s-arrows">
|
|
<button type="button" class="s-arrows__prev" aria-label="上一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none"
|
|
customFrame="#000000">
|
|
<path id="合并"
|
|
d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
|
|
fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
<button type="button" class="s-arrows__next" aria-label="下一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none"
|
|
customFrame="#000000">
|
|
<path id="合并"
|
|
d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
|
|
fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sl2-more__swiper swiper">
|
|
<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>
|
|
</div>
|
|
<div class="sl2-more__arrows-mobile">
|
|
<div class="s-arrows">
|
|
<button type="button" class="s-arrows__prev" aria-label="上一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none"
|
|
customFrame="#000000">
|
|
<path id="合并"
|
|
d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
|
|
fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
<button type="button" class="s-arrows__next" aria-label="下一项">
|
|
<svg viewBox="0 0 12.2529 11.314" xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="12.252930" height="11.313965" fill="none"
|
|
customFrame="#000000">
|
|
<path id="合并"
|
|
d="M5.18202 1.41422L6.59622 0L12.2531 5.65686L12.2529 5.65702L10.8389 7.07108L6.59608 11.3139L5.18186 9.89966L8.4245 6.65702L-0 6.65702L0 4.657L8.42482 4.65702L5.18202 1.41422Z"
|
|
fill="rgb(239,67,53)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
</main>
|
|
|
|
{include file="components/mask"}
|
|
<!-- 模块：底部 -->
|
|
{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>
|
|
</body>
|
|
|
|
</html>
|