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.
705 lines
51 KiB
705 lines
51 KiB
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<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/index.js"></script>
|
|
<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="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css" />
|
|
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/index.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 引入公共头部 -->
|
|
<!-- header -->
|
|
{include file="components/header"}
|
|
<main class="main-home">
|
|
{php}
|
|
$ui_product = uiId('product');
|
|
$ui_solution = uiId('solution');
|
|
$ui_news = uiId('news');
|
|
{/php}
|
|
{if !empty($sub_cates[0])}
|
|
<section class="section-banner">
|
|
<div class="section-banner__swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
{php}
|
|
$news = getChildCategoriesContent($ui_news,$seller_id,5);
|
|
{/php}
|
|
{hcTaglib:content cid="$sub_cates[0]['id']" moduleId="1" item="vo" limit="5" mainField="*" subField="*" key="key"}
|
|
<article class="swiper-slide section-banner__slide section__wrap">
|
|
<div class="section-banner__bg">
|
|
<video src="{$vo.thumbnail.url ?? ''}" muted loop playsinline></video>
|
|
</div>
|
|
<div class="section-banner__content">
|
|
<p class="section__eyebrow">{$vo.title ?? ''}</p>
|
|
<h1 class="section__title section__title--hero">{$vo.sub_title|raw}</h1>
|
|
<p class="section__desc">{$vo.description ?? ''}</p>
|
|
{hcTaglib:category id="$ui_product" item="vo" field="*"}
|
|
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">探索更多</a>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
{if !empty($news[$key-1])}
|
|
<a class="section-banner__award" href="{:hcurl('detail/index',['id'=>$news[$key-1]['id'],'cid'=>$news[$key-1]['category_id']])}">
|
|
<div class="section-banner__award-card">
|
|
<p class="section-banner__award-text">{$news[$key-1]['title']}</p>
|
|
<span class="section-banner__award-link">
|
|
探索更多
|
|
<svg
|
|
viewBox="0 0 15.502 6.66113"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
xmlns:xlink="http://www.w3.org/1999/xlink"
|
|
width="15.501953"
|
|
height="6.661133"
|
|
fill="none"
|
|
customFrame="#000000"
|
|
>
|
|
<path
|
|
id="箭头 1"
|
|
d="M0 2.83057L15 2.83057L15 3.83057L0 3.83057L0 2.83057ZM14.2929 3.33057L11.818 0.855693C11.62 0.657703 11.62 0.346576 11.818 0.148586C12.016 -0.0494032 12.3271 -0.0494046 12.5251 0.148585L15.3536 2.97701C15.5515 3.175 15.5515 3.48613 15.3536 3.68412L12.5251 6.51255C12.3271 6.71054 12.016 6.71054 11.818 6.51255C11.62 6.31456 11.62 6.00343 11.818 5.80544L14.2929 3.33057Z"
|
|
fill="rgb(255,255,255)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
<img class="section-banner__award-img" src="{$news[$key-1]['thumbnail_url'] ?? ''}" width="150" height="210" alt="" />
|
|
</a>
|
|
{/if}
|
|
</article>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
{if !empty($sub_cates[1])}
|
|
<section class="section-1 section__wrap" data-header-dark>
|
|
<div class="section__inner">
|
|
<div class="section-1__header">
|
|
<h2 class="section__title">{$sub_cates[1]['description'] ?? ''}</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="section-1__swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:allSubCategory pid="$ui_product" field="*" max-level="2" item="vo" sort="sort asc" key="key"}
|
|
<article class="swiper-slide section-1__item">
|
|
{hcTaglib:category id="$vo.id" item="vv" field="*"}
|
|
<a href="{$vv.alias}?cat=product-control-{$vv.id}">
|
|
<div class="section-1__head">
|
|
<span class="section-1__icon" aria-hidden="true">
|
|
{if $key == 1}
|
|
<svg 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">
|
|
<rect id="工业控制产品" width="40.000000" height="40.000004" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
|
|
<rect id="矩形 86" width="38.000000" height="32.000000" x="1.000000" y="3.000000" rx="2.000000" fill="rgb(0,0,0)" fill-opacity="0" />
|
|
<rect id="矩形 86" width="36.000000" height="30.000000" x="2.000000" y="4.000000" rx="1.000000" stroke="rgb(46,53,58)" stroke-width="2.000000" />
|
|
<rect id="矩形 87" width="34.000000" height="20.000000" x="3.000000" y="9.000000" fill="rgb(46,53,58)" />
|
|
<rect id="矩形 88" width="26.000000" height="14.000000" x="7.000000" y="12.000000" rx="1.000000" fill="rgb(255,255,255)" />
|
|
</svg>
|
|
|
|
{elseif $key == 2}
|
|
<svg 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">
|
|
<rect id="伺服系统产品" width="40.000000" height="40.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
|
|
<rect id="矩形 89" width="17.000000" height="33.000000" x="4.000000" y="4.000488" rx="2.000000" fill="rgb(46,53,58)" />
|
|
<rect id="矩形 91" width="3.000000" height="6.000000" x="16.000000" y="21.000488" rx="1.000000" fill="rgb(255,255,255)" />
|
|
<rect id="矩形 93" width="3.000000" height="4.000000" x="16.000000" y="29.000000" rx="1.000000" fill="rgb(255,255,255)" />
|
|
<path id="减去顶层" d="M17 7C17.5523 7 18 7.44772 18 8L18 14C18 14.5523 17.5523 15 17 15L8 15C7.44772 15 7 14.5523 7 14L7 8C7 7.44772 7.44772 7 8 7L17 7Z" fill="rgb(255,255,255)" fill-rule="evenodd" />
|
|
<path id="减去顶层" d="M26 28.5005C26 30.4335 27.567 32.0005 29.5 32.0005C31.433 32.0005 33 30.4335 33 28.5005C33 26.5675 31.433 25.0005 29.5 25.0005C27.567 25.0005 26 26.5675 26 28.5005ZM28 28.5005C28 29.3289 28.6716 30.0005 29.5 30.0005C30.3284 30.0005 31 29.3289 31 28.5005C31 27.6721 30.3284 27.0005 29.5 27.0005C28.6716 27.0005 28 27.6721 28 28.5005Z" fill="rgb(46,53,58)" fill-rule="evenodd" />
|
|
<path id="减去顶层" d="M38 22.0005C38 20.8959 37.1046 20.0005 36 20.0005L23 20.0005C21.8954 20.0005 21 20.8959 21 22.0005L21 35.0005C21 36.1051 21.8954 37.0005 23 37.0005L36 37.0005C37.1046 37.0005 38 36.1051 38 35.0005L38 22.0005ZM23 23.0005C22.4477 23.0005 22 22.5528 22 22.0005C22 21.4482 22.4477 21.0005 23 21.0005C23.5523 21.0005 24 21.4482 24 22.0005C24 22.5528 23.5523 23.0005 23 23.0005ZM36 23.0005C35.4477 23.0005 35 22.5528 35 22.0005C35 21.4482 35.4477 21.0005 36 21.0005C36.5523 21.0005 37 21.4482 37 22.0005C37 22.5528 36.5523 23.0005 36 23.0005ZM29.5 22.0005C25.9101 22.0005 23 24.9106 23 28.5005C23 32.0903 25.9101 35.0005 29.5 35.0005C33.0899 35.0005 36 32.0903 36 28.5005C36 24.9106 33.0899 22.0005 29.5 22.0005ZM22 35.0005C22 35.5528 22.4477 36.0005 23 36.0005C23.5523 36.0005 24 35.5528 24 35.0005C24 34.4482 23.5523 34.0005 23 34.0005C22.4477 34.0005 22 34.4482 22 35.0005ZM35 35.0005C35 35.5528 35.4477 36.0005 36 36.0005C36.5523 36.0005 37 35.5528 37 35.0005C37 34.4482 36.5523 34.0005 36 34.0005C35.4477 34.0005 35 34.4482 35 35.0005Z" fill="rgb(46,53,58)" fill-rule="evenodd" />
|
|
</svg>
|
|
|
|
{elseif $key == 3}
|
|
<svg 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">
|
|
<rect id="变频器产品" width="40.000000" height="40.000000" x="0.000000" y="0.000000" />
|
|
<path id="矢量 625" d="M34.0453 3.7257L33.422 3.7257L33.422 3.32042C33.422 2.59266 32.8253 2 32.0828 2L8.92166 2C8.18351 2 7.58238 2.58831 7.58238 3.32042L7.58238 3.7257L6.95915 3.7257C6.42875 3.7257 6 4.14841 6 4.67135L6 35.3853C6 35.9082 6.42875 36.331 6.95915 36.331L7.58238 36.331L7.58238 36.6796C7.58238 37.4073 8.17909 38 8.92166 38L32.0828 38C32.8209 38 33.422 37.4117 33.422 36.6796L33.422 36.331L34.0453 36.331C34.5757 36.331 35 35.9082 35 35.3853L35 4.66699C35 4.14405 34.5713 3.7257 34.0453 3.7257L34.0453 3.7257ZM11.6754 17.2524L11.6754 6.07893L29.3379 6.07893L29.3379 17.2524L11.6754 17.2524ZM13.6776 23.4187C14.6059 23.4187 15.3617 24.1639 15.3617 25.079C15.3617 25.9942 14.6059 26.7394 13.6776 26.7394C12.7494 26.7394 11.9936 25.9942 11.9936 25.079C11.9936 24.1595 12.7494 23.4187 13.6776 23.4187ZM13.7351 32.2259C12.8069 32.2259 12.0511 31.4807 12.0511 30.5656C12.0511 29.6504 12.8069 28.9052 13.7351 28.9052C14.6633 28.9052 15.4191 29.6504 15.4191 30.5656C15.4191 31.4807 14.6677 32.2259 13.7351 32.2259ZM20.3431 23.4187C21.2713 23.4187 22.0271 24.1639 22.0271 25.079C22.0271 25.9942 21.2713 26.7394 20.3431 26.7394C19.4149 26.7394 18.659 25.9942 18.659 25.079C18.659 24.1595 19.4105 23.4187 20.3431 23.4187L20.3431 23.4187ZM20.4005 32.2259C19.4723 32.2259 18.7165 31.4807 18.7165 30.5656C18.7165 29.6504 19.4723 28.9052 20.4005 28.9052C21.3288 28.9052 22.0846 29.6504 22.0846 30.5656C22.0846 31.4807 21.3288 32.2259 20.4005 32.2259L20.4005 32.2259ZM27.0041 23.4187C27.9323 23.4187 28.6882 24.1639 28.6882 25.079C28.6882 25.9942 27.9323 26.7394 27.0041 26.7394C26.0759 26.7394 25.3201 25.9942 25.3201 25.079C25.3201 24.1595 26.0715 23.4187 27.0041 23.4187ZM27.0616 32.2259C26.1334 32.2259 25.3775 31.4807 25.3775 30.5656C25.3775 29.6504 26.1334 28.9052 27.0616 28.9052C27.9898 28.9052 28.7456 29.6504 28.7456 30.5656C28.7456 31.4807 27.9898 32.2259 27.0616 32.2259Z" fill="rgb(46,53,58)" fill-rule="nonzero" />
|
|
</svg>
|
|
|
|
{elseif $key == 4}
|
|
<svg 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">
|
|
<defs>
|
|
<clipPath id="clipPath_0">
|
|
<rect width="34.000000" height="39.000000" x="3.000000" y="0.000000" rx="2.000000" fill="rgb(255,255,255)" />
|
|
</clipPath>
|
|
</defs>
|
|
<rect id="软启动器产品" width="40.000000" height="40.000000" x="0.000000" y="0.000000" />
|
|
<g id="容器 1131" clip-path="url(#clipPath_0)" customFrame="url(#clipPath_0)">
|
|
<path id="减去顶层" d="M30 8C30 7.44772 29.5523 7 29 7L11 7C10.4477 7 10 7.44772 10 8L10 31C10 31.5523 10.4477 32 11 32L29 32C29.5523 32 30 31.5523 30 31L30 8ZM25 11C25 10.4477 24.5523 10 24 10L16 10C15.4477 10 15 10.4477 15 11L15 21C15 21.5523 15.4477 22 16 22L24 22C24.5523 22 25 21.5523 25 21L25 11Z" fill="rgb(46,53,58)" fill-rule="evenodd" />
|
|
<rect id="矩形 98" width="6.000000" height="5.000000" x="17.000000" y="12.000000" rx="1.000000" fill="rgb(46,53,58)" />
|
|
<rect id="矩形 99" width="2.000000" height="1.000000" x="17.000000" y="19.000000" rx="0.500000" fill="rgb(46,53,58)" />
|
|
<rect id="矩形 100" width="2.000000" height="1.000000" x="21.000000" y="19.000000" rx="0.500000" fill="rgb(46,53,58)" />
|
|
<rect id="容器 1131" width="31.000000" height="36.000000" x="4.500000" y="1.500000" rx="0.500000" stroke="rgb(46,53,58)" stroke-width="3.000000" />
|
|
</g>
|
|
</svg>
|
|
|
|
{elseif $key == 5}
|
|
<svg viewBox="0 0 34.2695 40" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34.269531" height="40.000000" fill="none">
|
|
<rect id="资源 13 1" width="34.270115" height="40.000000" x="0.000000" y="0.000000" />
|
|
<g id="_图层_1-2">
|
|
<path
|
|
id="矢量 565"
|
|
d="M22.0823 6.68868C20.3926 5.59305 19.7097 4.04398 20.165 2.14697L8.70703 8.77262C11.1167 9.63691 12.4659 11.8097 12.6991 14.3378L22.0805 6.68868L22.0823 6.68868Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 566"
|
|
d="M31.2128 16.2233L32.5731 17.6058L32.1419 20.9204C32.0956 21.2776 32.6324 21.4349 32.8655 21.4164C33.2486 21.385 33.3801 21.124 33.4726 20.6983L34.2703 17.0302L31.9217 13.9746L27.3614 13.9876L24.9629 17.0209L25.8383 21.2147C25.9123 21.57 26.9802 21.4035 26.9487 21.037L26.6582 17.7316C26.7489 17.2004 27.6187 16.4972 28.0777 16.2214C29.0475 16.1196 30.2245 16.0919 31.211 16.2214L31.2128 16.2233Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 567"
|
|
d="M24.7649 39.9664L24.8093 37.1774C24.8167 36.6573 24.4799 36.115 23.8858 36.115L0.984748 36.1113C0.425825 36.1113 -0.003546 36.4611 0.00200625 36.9941L0.039021 39.9997L24.7667 39.9664L24.7649 39.9664Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<g id="组合 109">
|
|
<path
|
|
id="矢量 568"
|
|
d="M20.1873 35.2365L3.44556 35.2476L3.45296 32.7973C3.45851 30.7892 5.31665 29.664 7.23032 29.403L10.1286 29.0069C10.458 28.9625 10.8837 28.609 10.7393 28.3425C10.4043 28.1001 9.91944 28.2704 9.52338 28.2611L4.83546 20.414C2.27034 19.62 0.712016 17.2603 0.752732 14.7044C0.793449 12.1486 2.58311 9.80184 5.12232 9.18369C6.91939 8.74692 8.66094 9.28178 9.99902 10.4403C11.3278 11.5508 12.0089 13.2387 11.9164 15.1061L18.1589 24.0747L16.3008 23.7009C13.2026 23.836 11.0336 26.5307 11.4389 29.6362C11.7517 32.0329 13.843 33.8873 16.3137 33.8318C17.7333 33.8004 18.9807 33.0934 20.0097 32.1217C20.2854 33.1526 20.1448 33.9225 20.1892 35.2347L20.1873 35.2365ZM10.0953 14.8284C10.0953 12.7593 8.41664 11.0807 6.34751 11.0807C4.27839 11.0807 2.59977 12.7593 2.59977 14.8284C2.59977 16.8976 4.27839 18.5762 6.34751 18.5762C8.41664 18.5762 10.0953 16.8976 10.0953 14.8284Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 569"
|
|
d="M24.7648 39.9664L0.0370677 39.9997L5.34659e-05 36.9941C-0.00549875 36.4611 0.422022 36.1113 0.982795 36.1113L23.8838 36.115C24.4798 36.115 24.8166 36.6573 24.8073 37.1774L24.7629 39.9664L24.7648 39.9664Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 570"
|
|
d="M22.0824 6.68868L12.701 14.3378C12.466 11.8097 11.1186 9.63691 8.70898 8.77262L20.1669 2.14697C19.7116 4.04398 20.3945 5.59305 22.0843 6.68868L22.0824 6.68868Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 571"
|
|
d="M26.5696 11.9003L23.3068 6.93287C25.9978 7.5029 27.2729 4.76381 26.7547 4.63796C26.3605 4.54357 25.2279 6.88475 22.8441 6.1278C21.6504 5.7484 20.7713 4.53802 20.7676 3.13701C20.7639 1.37696 22.1316 -0.00369442 23.8102 7.06e-06C25.4222 0.00370854 26.8565 1.40287 26.7825 3.13331C26.7584 3.70889 27.0582 3.80327 27.3007 4.18638L30.4673 9.18337L26.5678 11.9003L26.5696 11.9003ZM25.6239 3.15551C25.6239 2.14501 24.804 1.32699 23.7954 1.32699C22.7867 1.32699 21.9669 2.14686 21.9669 3.15551C21.9669 4.16417 22.7867 4.98404 23.7954 4.98404C24.804 4.98404 25.6239 4.16417 25.6239 3.15551Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 572"
|
|
d="M20.535 28.8104C20.535 31.1313 18.6528 33.0135 16.3319 33.0135C14.0111 33.0135 12.1289 31.1313 12.1289 28.8104C12.1289 26.4896 14.0111 24.6074 16.3319 24.6074C18.6528 24.6074 20.535 26.4896 20.535 28.8104L20.535 28.8104ZM18.5325 30.0949C19.1358 29.0714 18.8397 27.9776 18.2215 27.2336C17.6034 26.4896 16.5263 26.0454 15.5306 26.4082C14.3072 26.8561 13.6391 28.0738 13.8168 29.2454C13.9944 30.4169 14.9735 31.4514 16.3301 31.4237C17.1611 31.407 18.0864 30.8481 18.5325 30.0912L18.5325 30.0949Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 573"
|
|
d="M31.2129 16.2234C30.2265 16.0938 29.0494 16.1216 28.0796 16.2234C27.6207 16.4991 26.7508 17.2024 26.6601 17.7336L26.9507 21.039C26.9821 21.4036 25.9143 21.572 25.8402 21.2166L24.9648 17.0229L27.3634 13.9895L31.9236 13.9766L34.2722 17.0321L33.4745 20.7003C33.382 21.126 33.2506 21.3888 32.8675 21.4184C32.6325 21.4369 32.0976 21.2777 32.1439 20.9224L32.5751 17.6077L31.2148 16.2252L31.2129 16.2234Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 574"
|
|
d="M31.5565 13.2294L27.6607 13.2239L27.4941 12.2078L30.6626 10.0332C31.0235 10.2738 31.5232 10.705 31.5306 11.2066L31.5584 13.2294L31.5565 13.2294ZM30.0981 11.6507C30.0389 11.4416 29.8686 11.1214 29.5337 11.201C29.1987 11.2806 28.8674 11.5582 28.9451 11.8784C29.0229 12.1986 29.3134 12.3688 29.641 12.3041"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 575"
|
|
d="M7.31942 17.3691C5.89991 17.9669 4.39156 17.197 3.84559 15.9219C3.29962 14.6467 3.84559 13.0643 5.1189 12.3981C6.39221 11.7318 7.98014 12.1408 8.73524 13.527C9.49034 14.9132 8.84628 16.7251 7.31942 17.3691ZM7.30462 14.8799C7.30462 14.3635 6.88635 13.9471 6.37185 13.9471C5.85734 13.9471 5.43908 14.3654 5.43908 14.8799C5.43908 15.3944 5.85734 15.8127 6.37185 15.8127C6.88635 15.8127 7.30462 15.3944 7.30462 14.8799Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<ellipse id="椭圆 182" rx="0.956831" ry="0.956832" cx="23.7927685" cy="3.18339396" fill="rgb(46,53,58)" />
|
|
<ellipse id="椭圆 183" rx="1.519455" ry="1.519458" cx="16.331955" cy="28.8866463" fill="rgb(46,53,58)" />
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
{elseif $key == 6}
|
|
<svg viewBox="0 0 35.2695 40" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35.269531" height="40.000000" fill="none">
|
|
<rect id="资源 14 1" width="35.269329" height="40.000000" x="0.000000" y="0.000000" />
|
|
<g id="_图层_1-2">
|
|
<path
|
|
id="矢量 576"
|
|
d="M32.1361 0.705278C31.8942 -0.216305 29.7341 -0.0770596 28.0137 0.243571L28.8638 1.65068C30.3808 1.08454 32.3614 1.56274 32.1361 0.703446L32.1361 0.705278Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 577"
|
|
d="M25.9008 4.78752L28.3632 1.82856L27.1375 0.718262C26.0327 1.49327 25.309 2.48081 24.4277 3.51599C24.6513 4.13343 25.2064 4.65927 25.9008 4.78752L25.9008 4.78752Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 578"
|
|
d="M29.8125 2.22792C30.3292 2.65665 30.6571 2.96079 30.7359 3.62587C32.5351 2.9388 34.1034 4.06192 34.4919 3.32356C34.8803 2.58519 32.242 1.48039 29.8143 2.22792L29.8125 2.22792Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 579"
|
|
d="M27.4397 6.42877L30.2246 3.77211L29.0905 2.53906C27.9766 3.25544 27.2675 4.23382 26.3789 5.26534L27.4397 6.42877L27.4397 6.42877Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 580"
|
|
d="M21.3697 7.73189C21.1132 8.36032 20.4995 9.10236 20.5599 9.91767C20.6149 10.645 20.3144 11.3339 20.1953 11.9752C20.45 13.6938 22.0366 15.1723 23.6178 15.7678C24.1253 15.4948 24.7428 15.3501 25.2484 15.2236C26.9615 14.7913 28.092 13.538 28.878 12.1236C28.3302 11.6912 28.0407 11.312 27.6504 10.8154L27.0641 11.3688C26.8992 11.5245 26.6262 11.5575 26.5108 11.4769C25.7285 10.9327 27.4562 10.1009 28.1726 8.86417L25.6973 5.99865C25.4023 5.65787 25.384 5.15036 24.6933 5.19433C24.6072 6.235 23.8816 6.97887 23.1396 7.56516C22.7402 7.57432 22.2693 7.72273 21.967 7.05582C22.9344 6.95322 23.4108 6.44021 23.8139 5.72749C24.1107 5.20166 24.2078 4.57689 23.6251 4.20312C22.6321 5.33541 21.8827 6.46586 21.3679 7.73189L21.3697 7.73189Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 581"
|
|
d="M35.2606 6.28826C35.4292 5.20728 33.2141 3.88628 31.4277 4.326C31.8858 4.85733 32.0818 5.24758 32.069 5.85586C33.8444 5.52058 35.1177 7.20618 35.2606 6.28826Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 582"
|
|
d="M31.6294 5.8316L30.7756 4.53809C29.6342 5.19767 28.8225 6.04596 27.9688 6.91625C28.3425 7.48788 28.6173 7.88913 29.0149 8.25007L31.6294 5.83343L31.6294 5.8316Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 583"
|
|
d="M35.0618 9.01057C34.8639 7.67126 33.5484 6.86327 32.2695 7.05748L32.8796 8.52138C33.9331 8.87316 35.168 9.73978 35.0618 9.01241L35.0618 9.01057Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 584"
|
|
d="M29.5159 11.4184C30.3678 10.2806 31.1648 9.41214 32.1615 8.62431C31.9728 8.12596 31.7786 7.64959 31.3425 7.35645C29.9647 7.99038 28.8636 8.97609 28.1289 10.2311C28.4624 10.8211 28.8654 11.2608 29.5177 11.4184L29.5159 11.4184Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 585"
|
|
d="M4.13102 35.2843L14.5268 35.222C14.7393 34.5825 14.6349 33.3806 14.0229 32.9482L9.30141 32.9757C7.75689 34.1025 5.89173 34.5606 4.07422 34.0622L4.13102 35.2843L4.13102 35.2843Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 586"
|
|
d="M17.9011 36.9752C17.9121 36.4383 17.4376 36.2789 17.0089 36.2808L1.9191 36.3339C1.69923 37.6293 1.73405 38.7524 1.82199 40.0001L17.8425 39.9799L17.9011 36.9752Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<g id="组合 110">
|
|
<path
|
|
id="矢量 587"
|
|
d="M20.0821 22.1604L15.7967 27.7687L12.9935 29.9032L10.9341 30.9475C12.0664 28.6866 12.0407 26.2114 10.6281 24.1007L16.3317 18.6775C15.9817 17.8438 15.5787 17.1293 15.0162 16.3286L8.68602 21.0227C8.35806 21.2663 8.457 21.6566 8.60541 22.1513C7.96964 21.7409 7.37236 21.532 6.50391 21.4111L12.7058 16.598C13.9792 15.6104 15.3716 14.6375 16.808 13.8937C16.9125 12.2081 18.5559 10.5335 19.767 11.237C19.3255 11.6419 19.2998 12.0139 19.4336 12.4389C20.0125 14.2711 21.3775 15.7112 23.1639 16.4129C23.6952 16.6218 24.1825 16.4697 24.7102 16.1546C24.8586 17.5837 24.0635 18.1736 22.9385 19.1832C20.1902 18.7398 18.1162 16.7995 17.103 14.2436C16.8997 14.9765 16.5369 15.2788 15.9451 15.4968C15.8901 16.085 16.3207 16.4935 16.5607 16.9791C17.2404 18.355 18.2353 19.4672 19.6461 20.1506C20.3093 20.4712 20.5109 19.6907 20.9689 19.5258C21.1118 19.4745 21.579 19.6284 21.5131 19.7951C21.1595 20.6855 20.6519 21.4147 20.0821 22.1604L20.0821 22.1604ZM13.4442 27.908C13.6659 27.9428 14.0103 27.8035 14.1038 27.5086C14.5765 26.0153 13.1767 24.0916 12.4731 24.5423C12.2881 24.6614 12.1855 25.0003 12.3357 25.2385C13.2573 26.7079 12.8707 27.8145 13.4442 27.9061L13.4442 27.908Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 588"
|
|
d="M17.9023 36.9752L17.8437 39.9799L1.82319 40.0001C1.73708 38.7524 1.70044 37.6311 1.9203 36.3339L17.0101 36.2808C17.4388 36.2808 17.9115 36.4402 17.9023 36.9752Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 589"
|
|
d="M21.3679 7.73177C22.1191 7.59619 22.6541 7.9498 23.1396 7.56688C23.8798 6.98241 24.6072 6.23672 24.6933 5.19605C25.3822 5.15207 25.4023 5.65775 25.6973 6.00037L28.1726 8.86589C27.4544 10.1026 25.7285 10.9344 26.5108 11.4786C26.6262 11.5592 26.8992 11.5262 27.0641 11.3705L27.6504 10.8172C28.0407 11.3137 28.3283 11.6911 28.878 12.1253C28.092 13.5398 26.9634 14.793 25.2484 15.2254C24.7428 15.3518 24.1253 15.4965 23.6178 15.7695C22.0366 15.1722 20.45 13.6955 20.1953 11.9769C20.3144 11.3357 20.613 10.6468 20.5599 9.91939C20.4995 9.1059 21.1132 8.36204 21.3697 7.7336L21.3679 7.73177Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 590"
|
|
d="M11.0645 27.8033C11.0645 30.8594 8.58739 33.3346 5.53316 33.3346C2.47893 33.3346 0 30.8575 0 27.8033C0 24.7491 2.4771 22.272 5.53133 22.272C8.58556 22.272 11.0627 24.7491 11.0627 27.8033L11.0645 27.8033ZM9.17186 27.7905C9.17186 25.7696 7.5339 24.1316 5.51301 24.1316C3.49212 24.1316 1.85416 25.7696 1.85416 27.7905C1.85416 29.8114 3.49212 31.4493 5.51301 31.4493C7.5339 31.4493 9.17186 29.8114 9.17186 27.7905Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 591"
|
|
d="M4.13102 35.2843L4.07422 34.0622C5.89173 34.5606 7.75689 34.1007 9.30141 32.9757L14.0229 32.9482C14.6349 33.3806 14.7375 34.5825 14.5268 35.222L4.13102 35.2843L4.13102 35.2843Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 592"
|
|
d="M29.5157 11.4184C28.8635 11.2608 28.4604 10.8211 28.127 10.2311C28.8617 8.97609 29.9646 7.99038 31.3406 7.35645C31.7766 7.64959 31.9708 8.12779 32.1596 8.62431C31.1629 9.41214 30.3659 10.2806 29.5139 11.4184L29.5157 11.4184Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 593"
|
|
d="M25.9008 4.78752C25.2064 4.65927 24.6531 4.13343 24.4277 3.51599C25.309 2.48081 26.0345 1.49327 27.1375 0.718262L28.3632 1.82856L25.9008 4.78752L25.9008 4.78752Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 594"
|
|
d="M27.4397 6.42877L26.3789 5.26534C27.2675 4.23382 27.9766 3.25544 29.0905 2.53906L30.2246 3.77211L27.4397 6.42877L27.4397 6.42877Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 595"
|
|
d="M31.6294 5.83148L29.0149 8.24812C28.6173 7.88718 28.3425 7.48593 27.9688 6.91429C28.8244 6.04401 29.6342 5.19571 30.7756 4.53613L31.6294 5.82965L31.6294 5.83148Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 596"
|
|
d="M29.8143 2.22794C32.242 1.48224 34.8748 2.59071 34.4919 3.32358C34.1089 4.05645 32.5369 2.93882 30.7359 3.62588C30.659 2.96081 30.331 2.65667 29.8125 2.22794L29.8143 2.22794Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 597"
|
|
d="M35.2606 6.28834C35.1177 7.20626 33.8444 5.52066 32.069 5.85595C32.0818 5.24767 31.8858 4.85742 31.4277 4.32609C33.2141 3.88637 35.431 5.20553 35.2606 6.28834Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 598"
|
|
d="M32.1361 0.705493C32.3614 1.56295 30.3827 1.08659 28.8638 1.65273L28.0137 0.245618C29.7323 -0.075012 31.8942 -0.216089 32.1361 0.707326L32.1361 0.705493Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 599"
|
|
d="M23.1409 7.56699C22.6572 7.94992 22.1203 7.59631 21.3691 7.73189C21.884 6.46769 22.6333 5.33541 23.6264 4.20312C24.2072 4.57689 24.1119 5.20166 23.8151 5.72749C23.4138 6.44021 22.9356 6.95322 21.9683 7.05582C22.2706 7.72273 22.7414 7.57432 23.1409 7.56516L23.1409 7.56699Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 600"
|
|
d="M35.0618 9.01094C35.1699 9.73831 33.935 8.8717 32.8796 8.51992L32.2695 7.05601C33.5484 6.8618 34.8621 7.66979 35.0618 9.00911L35.0618 9.01094Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
<path
|
|
id="矢量 601"
|
|
d="M4.71496 30.3663C3.57535 30.031 2.94691 28.9592 2.90844 27.968C2.8663 26.8522 3.43427 25.7273 4.51342 25.2949C5.65303 24.8386 6.79997 25.1978 7.52185 26.0882C8.24373 26.9786 8.32801 28.1952 7.76919 29.1901C7.21038 30.1849 6.00481 30.7474 4.71496 30.3663L4.71496 30.3663ZM5.2866 26.8834C4.69114 27.0574 4.41082 27.7243 4.61602 28.2337C4.76443 28.5964 5.25728 29.0563 5.77212 28.8401C6.17337 28.6715 6.62592 28.1714 6.49583 27.6785C6.3914 27.2773 5.86556 26.7148 5.28477 26.8834L5.2866 26.8834Z"
|
|
fill="rgb(46,53,58)"
|
|
fill-rule="nonzero"
|
|
/>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
{else /}
|
|
<svg 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">
|
|
<defs>
|
|
<clipPath id="clipPath_3">
|
|
<rect width="36.000000" height="32.000000" x="2.000000" y="4.000000" fill="rgb(255,255,255)" />
|
|
</clipPath>
|
|
</defs>
|
|
<rect id="纺织行业专用产品" width="40.000000" height="40.000000" x="0.000000" y="0.000000" fill="rgb(255,255,255)" fill-opacity="0" />
|
|
<g id="_Transportation-08 1" clip-path="url(#clipPath_3)" customFrame="url(#clipPath_3)">
|
|
<rect id="_Transportation-08 1" width="36.000000" height="32.000000" x="2.000000" y="4.000000" />
|
|
<path id="矢量 634" d="M34 4L24 4L22 4C20.896 4 20 4.896 20 6L20 8L20 16L16 16C14.896 16 14 16.896 14 18L14 26L34 26L36 26L38 26L38 8L38 6C38 4.896 37.104 4 36 4L34 4ZM24 8L26 8L26 16L24 16L24 8ZM34 16L28 16L28 8L34 8L34 16Z" fill="rgb(46,53,58)" fill-rule="nonzero" />
|
|
<path id="矢量 635" d="M36 28L8 28L8 20L4 20L4 28L4 32L4 34L2 34L2 36L4 36L6 36L8 36L8 32L14 32C14 34.21 15.79 36 18 36L36 36L36 34L36 33.916C37.104 33.916 38 33.02 38 31.916C38 30.812 37.104 29.916 36 29.916L36 30L36 28Z" fill="rgb(46,53,58)" fill-rule="nonzero" />
|
|
</g>
|
|
</svg>
|
|
|
|
{/if}
|
|
</span>
|
|
<div class="section-1__copy">
|
|
<h3 class="section-1__item-title">{$vo.title ?? ''}</h3>
|
|
<p class="section-1__item-desc">{$vo.description ?? ''}</p>
|
|
</div>
|
|
</div>
|
|
<div class="section-1__line" aria-hidden="true"></div>
|
|
<div class="section-1__img">
|
|
<img src="{$vo.thumbnail.url ?? ''}" alt="" />
|
|
</div>
|
|
</a>
|
|
{/hcTaglib:category}
|
|
</article>
|
|
{/hcTaglib:allSubCategory}
|
|
</div>
|
|
</div>
|
|
<div class="section-1__more">
|
|
{hcTaglib:category id="$ui_product" item="vo" field="*"}
|
|
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? '/'}">探索更多</a>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="section-1__more 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>
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
{if !empty($sub_cates[2])}
|
|
<section class="section-2">
|
|
<div class="section-2__swiper swiper">
|
|
<div class="swiper-wrapper">
|
|
{hcTaglib:allSubCategory pid="$ui_solution" field="*" max-level="2" item="vo" sort=""}
|
|
<article class="swiper-slide section-2__slide section__wrap">
|
|
<div class="section-2__bg">
|
|
<video src="{$vo.thumbnail.url ?? ''}" muted loop playsinline></video>
|
|
</div>
|
|
<div class="section-2__mask"></div>
|
|
<div class="section-2__content">
|
|
<p class="section__eyebrow">{$sub_cates[2]['title'] ?? ''}</p>
|
|
<h2 class="section__title section__title--hero">{$vo.title ?? ''}</h2>
|
|
<p class="section__desc">
|
|
{$vo.description ?? ''}</p>
|
|
<ul class="section-2__tags">
|
|
{volist name="vo.children" id="vv"}
|
|
<li class="glass-card">{$vv.title}</li>
|
|
{/volist}
|
|
</ul>
|
|
<a class="s-btn s-btn--light s-btn--pill" href="{$vo.children.0.alias ?? 'solution2.html'}">探索更多</a>
|
|
</div>
|
|
</article>
|
|
{/hcTaglib:allSubCategory}
|
|
</div>
|
|
</div>
|
|
<nav class="section-2__nav section__wrap" aria-label="应用场景">
|
|
{hcTaglib:allSubCategory pid="$ui_solution" field="*" max-level="2" item="vo" sort="" key="key"}
|
|
<button type="button" data-index="{$key}">
|
|
<span class="section-2__nav-index">0{$key}</span>
|
|
<span class="section-2__nav-label">{$vo.title}</span>
|
|
</button>
|
|
{/hcTaglib:allSubCategory}
|
|
<button type="button" class="section-2__nav-arrow" aria-label="下一屏">
|
|
<img
|
|
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2075.4141%2041.4141'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='75.414062'%20height='41.414062'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='组合%202'%20opacity='0.799999952'%3e%3cpath%20id='矢量%201'%20d='M54%200.707031L74%2020.707L54%2040.707'%20stroke='rgb(255,255,255)'%20stroke-width='2.000000'%20/%3e%3crect%20id='矩形%2016'%20width='73.000000'%20height='2.000000'%20x='0.000000'%20y='19.707031'%20fill='rgb(255,255,255)'%20/%3e%3c/g%3e%3c/svg%3e"
|
|
alt=""
|
|
/>
|
|
</button>
|
|
</nav>
|
|
</section>
|
|
{/if}
|
|
{if !empty($sub_cates[3])}
|
|
<section class="section-3 section__wrap" data-header-dark>
|
|
<div class="section__inner">
|
|
<div class="section-3__header">
|
|
<h2 class="section__title">{$sub_cates[3]['sub_title'] ?? ''}</h2>
|
|
</div>
|
|
<div class="section-3__header justify-content-end">
|
|
<p class="section__desc">{$sub_cates[3]['description'] ?? ''}</p>
|
|
</div>
|
|
|
|
<div class="section-3__grid">
|
|
{hcTaglib:content cid="$sub_cates[3]['id']" moduleId="1" item="vo" mainField="*" subField="*"}
|
|
<article class="section-3__card">
|
|
<img
|
|
class="section-3__icon"
|
|
src="{$vo.thumbnail.url ?? ''}"
|
|
alt=""
|
|
/>
|
|
<div class="section-3__card-body">
|
|
<h3 class="section-3__card-title">{$vo.title ?? ''}</h3>
|
|
<p class="section-3__card-desc">{$vo.description ?? ''}</p>
|
|
<a class="section-3__link" href="{$vo.url ?? ''}">
|
|
探索更多
|
|
<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>
|
|
</a>
|
|
</div>
|
|
</article>
|
|
{/hcTaglib:content}
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
{if !empty($sub_cates[4])}
|
|
<section class="section-4 section__wrap" data-header-dark>
|
|
<div class="section-4__bg" style="background-image: url("/themes/dist_static/static/images/section-4-bg-C4HH-tmQ.png")"></div>
|
|
<div class="section__inner section-4__inner">
|
|
<div class="section-4__visual">
|
|
<canvas id="earth-canvas" class="section-4__earth"></canvas>
|
|
</div>
|
|
<div class="section-4__content">
|
|
<p class="section__eyebrow">{$sub_cates[4]['title']}</p>
|
|
<h2 class="section__title">{$sub_cates[4]['sub_title']}</h2>
|
|
<p class="section__desc">
|
|
{$sub_cates[4]['desc']}
|
|
</p>
|
|
{php}
|
|
$arr = explode(',',$sub_cates[4]['description']);
|
|
$stats = array_chunk($arr, 2);
|
|
{/php}
|
|
<ul class="section-4__stats">
|
|
{foreach $stats as $item}
|
|
<li class="section-4__stat">
|
|
<span class="section-4__stat-num"><span class="counter">{$item[0]}</span></span>
|
|
<span class="section-4__stat-label">{$item[1]}</span>
|
|
</li>
|
|
{/foreach}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{/if}
|
|
{if !empty($sub_cates[5])}
|
|
<section class="section-5 section__wrap" data-header-dark>
|
|
<div class="section__inner">
|
|
<div class="section-5__header">
|
|
<h2 class="section__title">{$sub_cates[5]['title']}</h2>
|
|
{hcTaglib:category id="$ui_news" item="vo" field="*"}
|
|
<a class="s-btn s-btn--primary s-btn--pill m-none" href="{$vo.alias ?? '/'}">探索更多</a>
|
|
{/hcTaglib:category}
|
|
</div>
|
|
<div class="section-5__body">
|
|
{php}$news = getChildCategoriesContent($ui_news,$seller_id,4);{/php}
|
|
{if(!empty($news[0]))}
|
|
<article class="section-5__featured">
|
|
<a class="section-5__featured-media" href="{:hcUrl('detail/index',['id'=>$news[0]['id'],'cid'=>$news[0]['category_id']])}">
|
|
<img src="{$news[0]['thumbnail_url'] ?? ''}" alt="" />
|
|
</a>
|
|
<h3 class="section-5__featured-title">{$news[0]['title'] ?? ''}</h3>
|
|
<time class="section-5__date" datetime="{$news[0]['publish_time'] ?? ''}">{:date('Y-m-d',strtotime($news[0]['publish_time'])) ?? ''}</time>
|
|
</article>
|
|
{/if}
|
|
<div class="section-5__line" aria-hidden="true"></div>
|
|
<ul class="section-5__list">
|
|
{if(!empty($news[1]))}
|
|
<li>
|
|
<a class="section-5__item" href="{:hcUrl('detail/index',['id'=>$news[1]['id'],'cid'=>$news[1]['category_id']])}">
|
|
<div class="section-5__item-body">
|
|
<h3 class="section-5__item-title">{$news[1]['title'] ?? ''}</h3>
|
|
<time class="section-5__date" datetime="{$news[1]['publish_time'] ?? ''}">{:date('Y-m-d',strtotime($news[1]['publish_time'])) ?? ''}</time>
|
|
</div>
|
|
<span class="section-5__item-media">
|
|
<img src="{$news[1]['thumbnail_url'] ?? ''}" alt="" />
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
{if(!empty($news[2]))}
|
|
<li>
|
|
<a class="section-5__item" href="{:hcUrl('detail/index',['id'=>$news[2]['id'],'cid'=>$news[2]['category_id']])}">
|
|
<div class="section-5__item-body">
|
|
<h3 class="section-5__item-title">{$news[2]['title'] ?? ''}</h3>
|
|
<time class="section-5__date" datetime="{$news[2]['publish_time'] ?? ''}">{:date('Y-m-d',strtotime($news[2]['publish_time'])) ?? ''}</time>
|
|
</div>
|
|
<span class="section-5__item-media">
|
|
<img src="{$news[2]['thumbnail_url'] ?? ''}" alt="" />
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
{if(!empty($news[3]))}
|
|
<li>
|
|
<a class="section-5__item" href="{:hcUrl('detail/index',['id'=>$news[3]['id'],'cid'=>$news[3]['category_id']])}">
|
|
<div class="section-5__item-body">
|
|
<h3 class="section-5__item-title">{$news[3]['title'] ?? ''}</h3>
|
|
<time class="section-5__date" datetime="{$news[3]['publish_time'] ?? ''}">{:date('Y-m-d',strtotime($news[3]['publish_time'])) ?? ''}</time>
|
|
</div>
|
|
<span class="section-5__item-media">
|
|
<img src="{$news[3]['thumbnail_url'] ?? ''}" alt="" />
|
|
</span>
|
|
</a>
|
|
</li>
|
|
{/if}
|
|
</ul>
|
|
</div>
|
|
<div class="section-5__more d-flex pc-none justify-content-center pt-5">
|
|
{hcTaglib:category id="$ui_news" item="vo" field="*"}
|
|
<a class="s-btn s-btn--primary s-btn--pill" href="{$vo.alias ?? ''}">探索更多</a>
|
|
{/hcTaglib:category}
|
|
</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>
|
|
<script src="/themes/dist_static/js/lib/three-r128.min.js"></script>
|
|
<script src="/themes/dist_static/js/lib/three-128-orbitControls.js"></script>
|
|
</body>
|
|
</html>
|