75 changed files with 11525 additions and 9581 deletions
-
119public/themes/website/4/en/demo/about-history.html
-
354public/themes/website/4/en/demo/about.html
-
150public/themes/website/4/en/demo/announce.html
-
228public/themes/website/4/en/demo/category.html
-
8public/themes/website/4/en/demo/components/currency.html
-
8public/themes/website/4/en/demo/components/empty.html
-
182public/themes/website/4/en/demo/components/footer.html
-
721public/themes/website/4/en/demo/components/header.html
-
206public/themes/website/4/en/demo/components/mask.html
-
307public/themes/website/4/en/demo/contact.html
-
35public/themes/website/4/en/demo/detail_xiangqing.html
-
163public/themes/website/4/en/demo/download.html
-
135public/themes/website/4/en/demo/faq.html
-
288public/themes/website/4/en/demo/investment.html
-
157public/themes/website/4/en/demo/list_anli.html
-
111public/themes/website/4/en/demo/list_xinwen.html
-
217public/themes/website/4/en/demo/news-detail.html
-
281public/themes/website/4/en/demo/news.html
-
484public/themes/website/4/en/demo/product.html
-
192public/themes/website/4/en/demo/search.html
-
158public/themes/website/4/en/demo/single_changjing.html
-
155public/themes/website/4/en/demo/single_chanpin.html
-
393public/themes/website/4/en/demo/single_guanyu.html
-
1179public/themes/website/4/en/demo/single_index.html
-
170public/themes/website/4/en/demo/single_jiage.html
-
268public/themes/website/4/en/demo/single_jiejue.html
-
142public/themes/website/4/en/demo/single_jishu.html
-
367public/themes/website/4/en/demo/single_search.html
-
211public/themes/website/4/en/demo/single_zhaopin.html
-
259public/themes/website/4/en/demo/solution.html
-
281public/themes/website/4/en/demo/solution2.html
-
166public/themes/website/4/en/demo/video.html
-
656public/themes/website/4/zh/demo/about-2/index.html
-
119public/themes/website/4/zh/demo/about-history.html
-
354public/themes/website/4/zh/demo/about.html
-
615public/themes/website/4/zh/demo/about/index.html
-
150public/themes/website/4/zh/demo/announce.html
-
388public/themes/website/4/zh/demo/case-page/index.html
-
228public/themes/website/4/zh/demo/category.html
-
8public/themes/website/4/zh/demo/components/currency.html
-
8public/themes/website/4/zh/demo/components/empty.html
-
188public/themes/website/4/zh/demo/components/footer.html
-
670public/themes/website/4/zh/demo/components/header.html
-
206public/themes/website/4/zh/demo/components/mask.html
-
307public/themes/website/4/zh/demo/contact.html
-
374public/themes/website/4/zh/demo/dengguang/index.html
-
35public/themes/website/4/zh/demo/detail_xiangqing.html
-
163public/themes/website/4/zh/demo/download.html
-
135public/themes/website/4/zh/demo/faq.html
-
296public/themes/website/4/zh/demo/green-energy/index.html
-
288public/themes/website/4/zh/demo/investment.html
-
365public/themes/website/4/zh/demo/jiudian/index.html
-
309public/themes/website/4/zh/demo/kongtiao/index.html
-
157public/themes/website/4/zh/demo/list_anli.html
-
111public/themes/website/4/zh/demo/list_xinwen.html
-
217public/themes/website/4/zh/demo/news-detail.html
-
281public/themes/website/4/zh/demo/news.html
-
462public/themes/website/4/zh/demo/product-smart-home/index.html
-
484public/themes/website/4/zh/demo/product.html
-
192public/themes/website/4/zh/demo/search.html
-
158public/themes/website/4/zh/demo/single_changjing.html
-
155public/themes/website/4/zh/demo/single_chanpin.html
-
393public/themes/website/4/zh/demo/single_guanyu.html
-
1299public/themes/website/4/zh/demo/single_index.html
-
519public/themes/website/4/zh/demo/single_index_2026年5月11日15H.html
-
236public/themes/website/4/zh/demo/single_index_back.html
-
225public/themes/website/4/zh/demo/single_jiage.html
-
142public/themes/website/4/zh/demo/single_jishu.html
-
369public/themes/website/4/zh/demo/single_search.html
-
514public/themes/website/4/zh/demo/single_test22.html
-
211public/themes/website/4/zh/demo/single_zhaopin.html
-
259public/themes/website/4/zh/demo/solution.html
-
280public/themes/website/4/zh/demo/solution2.html
-
166public/themes/website/4/zh/demo/video.html
-
319public/themes/website/4/zh/demo/yimei/index.html
@ -0,0 +1,119 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/about-history.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/about-history.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-about-history" data-header-dark data-nav="About Raynen"> |
|||
{php} |
|||
$ui_about_history = uiId('about_history'); |
|||
$seller_id = (int)($seller_id ?? 1); |
|||
$history_items = getContentByCategory($ui_about_history, $seller_id, 9999, 'sort desc', []); |
|||
if (!is_array($history_items)) { |
|||
$history_items = []; |
|||
} |
|||
usort($history_items, function ($a, $b) { |
|||
return (int)($b['sub_title'] ?? 0) - (int)($a['sub_title'] ?? 0); |
|||
}); |
|||
foreach ($history_items as &$history_item) { |
|||
if (!empty($history_item['content'])) { |
|||
$history_item['content'] = htmlspecialchars_decode($history_item['content']); |
|||
} |
|||
} |
|||
unset($history_item); |
|||
{/php} |
|||
<div class="ah-page section__wrap"> |
|||
<div class="ah-layout" data-ah-spy> |
|||
<nav class="ah-nav__years" aria-label="Year navigation"> |
|||
{volist name="history_items" id="item" key="hk"} |
|||
{php}$year = trim((string)($item['sub_title'] ?? ''));{/php} |
|||
{if $year !== ''} |
|||
<a class="ah-nav__item{if $hk == 1} is-active{/if}" href="#year-{$year}" data-year="{$year}"> |
|||
<span class="ah-nav__year">{$year}</span> |
|||
</a> |
|||
{/if} |
|||
{/volist} |
|||
</nav> |
|||
<div class="ah-nav__rail" aria-hidden="true"> |
|||
<span class="ah-nav__indicator"></span> |
|||
</div> |
|||
<div class="ah-content"> |
|||
{volist name="history_items" id="item"} |
|||
{php}$year = trim((string)($item['sub_title'] ?? ''));{/php} |
|||
{if $year !== ''} |
|||
<section class="ah-block" id="year-{$year}" data-year="{$year}"> |
|||
<div class="ah-richtext"> |
|||
{$item.content|raw} |
|||
</div> |
|||
</section> |
|||
{/if} |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,354 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/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/earth.js"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/about.css"> |
|||
</head> |
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-about" data-nav="{$current_cate.title}"> |
|||
<section class="ab-hero"> |
|||
<div class="ab-hero__title section__wrap" data-header-dark> |
|||
<h1> |
|||
<span>{$current_cate.content|raw}</span> |
|||
</h1> |
|||
</div> |
|||
<div class="ab-hero__media" aria-hidden="true"> |
|||
<video src="{$current_cate.description}" muted autoplay loop playsinline width="1920" height="720"></video> |
|||
</div> |
|||
</section> |
|||
{php} |
|||
$ui_about_intro = uiId('about_intro'); |
|||
$ui_about_history = uiId('about_history'); |
|||
$ui_about_culture = uiId('about_culture'); |
|||
$ui_about_global = uiId('about_global'); |
|||
$ui_about_members = uiId('about_members'); |
|||
$ui_about_honors = uiId('about_honors'); |
|||
$ui_about_csr = uiId('about_csr'); |
|||
$ui_download_csr = uiId('download_csr'); |
|||
$csr_report_href = getMuiLangUrl('/download.html'); |
|||
if ($ui_download_csr > 0) { |
|||
$csr_report_href .= '?cid=' . $ui_download_csr; |
|||
} |
|||
{/php} |
|||
{hcTaglib:category id="$ui_about_intro" item="vo" field="*"} |
|||
<section class="ab-intro section__wrap" id="intro" data-header-dark> |
|||
<h2 class="ab-intro__title">{$vo.title}</h2> |
|||
<div class="ab-intro__body"> |
|||
<div class="ab-intro__texts"> |
|||
<p>{:nl2br($vo.description)}</p> |
|||
</div> |
|||
{php} |
|||
$stats_raw = explode(',', $vo['desc']); |
|||
$stats_list = []; |
|||
foreach ($stats_raw as $item) { |
|||
$parts = explode(';', $item); |
|||
if (count($parts) === 3) { |
|||
$stats_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'text' => $parts[2]]; |
|||
} |
|||
} |
|||
{/php} |
|||
<ul class="ab-intro__stats"> |
|||
{volist name="stats_list" id="stat"} |
|||
<li> |
|||
<strong><span class="counter">{$stat.num}</span><span class="ab-intro__stats-unit">{$stat.unit}</span></strong> |
|||
<span>{$stat.text}</span> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
|
|||
{hcTaglib:category id="$ui_about_history" item="vo" field="*"} |
|||
<section class="ab-history" id="history" data-header-dark style="background-image: url({$vo.thumbnail.url ?? ''})"> |
|||
<div class="ab-history__head section__wrap"> |
|||
<h2 class="ab-history__title">{$vo.title}</h2> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div class="ab-history__swiper swiper section__wrap"> |
|||
<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"} |
|||
<article class="swiper-slide ab-history__slide"> |
|||
<time class="ab-history__year" datetime="2025">{$case_top.sub_title}</time> |
|||
<div class="ab-history__dot" aria-hidden="true"></div> |
|||
<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}"> |
|||
<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> |
|||
</a> |
|||
<div class="ab-history__media"> |
|||
<img src="{$case_top.thumbnail.url ?? ''}" alt="" width="400" height="260" loading="lazy" /> |
|||
</div> |
|||
</article> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="ab-history__arrows-mobile"> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:category id="$ui_about_culture" item="vo" field="*"} |
|||
<section class="ab-culture" id="culture"> |
|||
<div class="ab-culture__bg" aria-hidden="true"> |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="1920" height="900" /> |
|||
</div> |
|||
<div class="ab-culture__inner section__wrap"> |
|||
<h2 class="ab-culture__title">{$vo.title}</h2> |
|||
{php} |
|||
$culture_raw = explode('#', $vo['description']); |
|||
$culture_list = []; |
|||
foreach ($culture_raw as $item) { |
|||
$parts = explode(';', $item); |
|||
if (count($parts) === 3) { |
|||
$culture_list[] = ['zh' => $parts[0], 'en' => $parts[1], 'text' => $parts[2]]; |
|||
} |
|||
} |
|||
{/php} |
|||
<div class="ab-culture__list"> |
|||
{volist name="culture_list" id="culture"} |
|||
<div class="ab-culture__item"> |
|||
<div class="ab-culture__label"> |
|||
<span class="ab-culture__label-zh">{$culture.zh}</span> |
|||
<span class="ab-culture__label-en">{$culture.en}</span> |
|||
</div> |
|||
<p class="ab-culture__text">{$culture.text|raw}</p> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_about_global" item="vo" field="*"} |
|||
<section class="ab-global section__wrap" id="global" data-header-dark> |
|||
<h2 class="ab-global__title">{$vo.title}</h2> |
|||
{php} |
|||
$global_raw = explode(',', $vo['description']); |
|||
$global_list = []; |
|||
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]; |
|||
} |
|||
} |
|||
$global_left = array_slice($global_list, 0, 3); |
|||
$global_right = array_slice($global_list, 3); |
|||
{/php} |
|||
<div class="ab-global__layout"> |
|||
<ul class="ab-global__side ab-global__side--left"> |
|||
{volist name="global_left" id="item"} |
|||
<li> |
|||
<strong><span class="counter">{$item.num}</span><span>{$item.unit}</span></strong> |
|||
{if $item.desc}<span class="ab-global__side-desc">{$item.desc|raw}</span>{/if} |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
<div class="ab-global__visual"> |
|||
<canvas id="earth-canvas" class="ab-global__earth"></canvas> |
|||
</div> |
|||
<ul class="ab-global__side ab-global__side--right"> |
|||
{volist name="global_right" id="item"} |
|||
<li> |
|||
<strong><span class="counter">{$item.num}</span><span>{$item.unit}</span></strong> |
|||
{if $item.desc}<span class="ab-global__side-desc">{$item.desc|raw}</span>{/if} |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_about_members" item="vo" field="*"} |
|||
<section class="ab-members" id="members"> |
|||
<div class="ab-members__bg" aria-hidden="true"> |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="1920" height="900" /> |
|||
</div> |
|||
<div class="ab-members__inner section__wrap"> |
|||
<h2 class="ab-members__title">{$vo.title}</h2> |
|||
<div class="ab-members__card"> |
|||
<div class="ab-members__panels-swiper swiper"> |
|||
<div class="ab-members__panels swiper-wrapper"> |
|||
{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}"> |
|||
<div class="ab-members__content"> |
|||
<div> |
|||
<h3 class="ab-members__name">{$case_top.title}</h3> |
|||
<p class="ab-members__desc"> |
|||
{$case_top.content|strip_tags} |
|||
</p> |
|||
</div> |
|||
<a target="_blank" class="s-btn s-btn--outline s-btn--pill ab-members__more" href="{$case_top.url ?? '#'}">Explore more</a> |
|||
</div> |
|||
</div> |
|||
{php}$member_idx++;{/php} |
|||
{/hcTaglib:content} |
|||
</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> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_about_honors" item="vo" field="*"} |
|||
<section class="ab-honors section__wrap" id="honors" data-header-dark> |
|||
<div class="ab-honors__head"> |
|||
<h2 class="ab-honors__title">{$vo.title}</h2> |
|||
<p class="ab-honors__desc">{$vo.description}</p> |
|||
</div> |
|||
<div class="ab-honors__body"> |
|||
<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"} |
|||
<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> |
|||
|
|||
<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> |
|||
</a> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<button type="button" class="ab-honors__more"> |
|||
<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" /> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_about_csr" item="vo" field="*"} |
|||
<section class="ab-csr" id="csr"> |
|||
<div class="ab-csr__bg" aria-hidden="true"> |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="1920" height="720" /> |
|||
</div> |
|||
<div class="ab-csr__inner section__wrap"> |
|||
<h2 class="ab-csr__title">{$vo.title}</h2> |
|||
<div class="ab-csr__content"> |
|||
<p class="ab-csr__desc"> |
|||
{$vo.description} |
|||
</p> |
|||
<a class="s-btn s-btn--light s-btn--pill" href="{$csr_report_href}">Social Responsibility Report</a> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
</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> |
|||
@ -0,0 +1,150 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/announce.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/announce.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-announce" data-header-dark data-nav="服务支持"> |
|||
<div class="a-page section__wrap"> |
|||
<div class="a-head"> |
|||
<h1 class="a-head__title">{$current_cate.title}</h1> |
|||
<p class="a-head__desc">{$current_cate.description}</p> |
|||
</div> |
|||
|
|||
<div class="a-toolbar"> |
|||
{php} |
|||
$filter_cid = (string)input('cid', ''); |
|||
$filter_all_id = (string)($current_cate['id'] ?? ''); |
|||
if ($filter_cid === '') { |
|||
$filter_cid = $filter_all_id; |
|||
} |
|||
$filter_keywords = (string)input('keywords', ''); |
|||
$filter_is_all = ($filter_cid === $filter_all_id); |
|||
$filter_label = 'Filter by product'; |
|||
if (!$filter_is_all && !empty($sub_cates)) { |
|||
foreach ($sub_cates as $sc) { |
|||
if ((string)($sc['id'] ?? '') === $filter_cid) { |
|||
$filter_label = $sc['title'] ?? $filter_label; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
{/php} |
|||
<div class="a-filter__group"> |
|||
<button type="button" class="a-filter{if !$filter_is_all} is-selected{/if}" aria-haspopup="listbox" aria-expanded="false" data-filter-trigger> |
|||
<span>{$filter_label}</span> |
|||
<svg class="a-filter__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true"> |
|||
<path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" /> |
|||
</svg> |
|||
</button> |
|||
<div class="a-filter__dropdown" data-filter-dropdown hidden> |
|||
<button type="button" class="a-filter__dropdown-item{if $filter_is_all} is-active{/if}" data-tab="{$current_cate.id}" data-filter-clear>All</button> |
|||
{volist name="sub_cates" id="vo"} |
|||
{php}$vo_id = (string)($vo['id'] ?? '');{/php} |
|||
<button type="button" class="a-filter__dropdown-item{if $filter_cid == $vo_id} is-active{/if}" data-tab="{$vo.id}">{$vo.title}</button> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<form class="s-search" role="search" data-tab-search> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="keywords" value="{$filter_keywords}" placeholder="Search notice keywords" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">Search</button> |
|||
</form> |
|||
</div> |
|||
|
|||
<div class="a-grid"> |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="8" item="vo"} |
|||
<a class="a-card" href="{$vo.url ?? ''}" target="_blank"> |
|||
<time class="a-card__date" datetime="{$vo.publish_time}">{$vo.publish_time}</time> |
|||
<h2 class="a-card__title">{$vo.title}</h2> |
|||
<span class="a-card__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> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = 'No matching notices'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,228 @@ |
|||
<!doctype html> |
|||
<html lang="en"> |
|||
{php} |
|||
// var_dump($current_cate); |
|||
$current_cate_id = $current_cate['id'] ?? ''; |
|||
//exit(); |
|||
{/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/category.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/category.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-category" data-header-dark data-nav="产品"> |
|||
{php}$ui_product = uiId('product');{/php} |
|||
<div class="c-page section__wrap"> |
|||
<nav class="c-breadcrumb" aria-label="Breadcrumb"> |
|||
<a class="c-breadcrumb__link" href="{:getMuiLangUrl('/')}">Home</a> |
|||
<span class="c-breadcrumb__sep" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
|
|||
{hcTaglib:category id="$ui_product" item="vo" field="*"} |
|||
<a class="c-breadcrumb__link" href="{:getMuiLangUrl($vo.alias)}">{$vo.title}</a> |
|||
{/hcTaglib:category} |
|||
|
|||
<span class="c-breadcrumb__sep" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
<span class="c-breadcrumb__current" data-breadcrumb-current>Industrial control products</span> |
|||
</nav> |
|||
|
|||
<div class="c-layout"> |
|||
<aside class="c-sidebar" aria-label="Product categories" data-lenis-prevent> |
|||
<ul class="c-sidebar__list" data-category-nav> |
|||
<!-- 获取所有一级分类 --> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort="" key="key_top"} |
|||
{php} |
|||
$sub_cate_id = $vo['id']; |
|||
$need_show_sub_content = (int)($vo['need_show_sub_content'] ?? 0); |
|||
{/php} |
|||
{hcTaglib:subcategory pid="$sub_cate_id" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
{php} |
|||
$level2_list = $hc_subcategory ?? []; |
|||
$has_level2 = !empty($level2_list); |
|||
{/php} |
|||
<li class="c-sidebar__item {if $key_top==1}is-active{/if}{if !$has_level2} is-leaf{/if}" data-category-item="product-control-{$vo.id}"> |
|||
|
|||
<button type="button" class="c-sidebar__trigger" data-category-id="product-control-{$vo.id}" data-category-name="{$vo.title}" aria-expanded="{if $key_top==1}true{else /}false{/if}"> |
|||
<span>{$vo.title}</span> |
|||
{if $has_level2} |
|||
<span class="c-sidebar__chevron" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
{/if} |
|||
</button> |
|||
|
|||
{if $has_level2} |
|||
<ul class="c-sidebar__subs"> |
|||
{volist name="level2_list" id="vo_sub" key="key_sub"} |
|||
<li> |
|||
<button type="button" class="c-sidebar__sub" data-category-id="product-control-{$vo.id}" data-sub-id="product-plc-{$vo_sub.id}">{$vo_sub.title}</button> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
</li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</aside> |
|||
|
|||
<div class="c-main"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort="" key="key_top"} |
|||
{php} |
|||
$sub_cate_id = $vo['id']; |
|||
$need_show_sub_content = (int)($vo['need_show_sub_content'] ?? 0); |
|||
{/php} |
|||
{hcTaglib:subcategory pid="$sub_cate_id" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
{php} |
|||
$level2_list = $hc_subcategory ?? []; |
|||
$has_level2 = !empty($level2_list); |
|||
{/php} |
|||
|
|||
<div class="c-panel" data-category-panel="product-control-{$vo.id}" {if $key_top!=1}hidden{/if}> |
|||
<div class="c-grid" data-product-grid> |
|||
{if $has_level2} |
|||
{volist name="level2_list" id="vo_sub" key="key_sub"} |
|||
{hcTaglib:contentPage2 cid="$vo_sub.id" mainField="id,category_id,title,sub_title,thumbnail" subField="" name="hc_content" limit="100" item="content_sub22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{volist name="hc_content" id="vo_content"} |
|||
<article class="s-product-card" data-sub="product-plc-{$vo_sub.id}"> |
|||
<a class="s-product-card__link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<div class="s-product-card__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" alt="{$vo_content.title}" loading="lazy" /> |
|||
</div> |
|||
<div class="s-product-card__foot"> |
|||
<h3 class="s-product-card__name">{$vo_content.title}</h3> |
|||
<span class="s-product-card__arrow" aria-hidden="true"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="12" |
|||
height="11" |
|||
/> |
|||
</span> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
{/volist} |
|||
{/volist} |
|||
{else /} |
|||
<!-- 仅一级分类：直接按一级 id 取产品 --> |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="id,category_id,title,sub_title,thumbnail" subField="" name="hc_content" limit="100" item="content_sub22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{volist name="hc_content" id="vo_content"} |
|||
<article class="s-product-card"> |
|||
<a class="s-product-card__link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<div class="s-product-card__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" alt="{$vo_content.title}" loading="lazy" /> |
|||
</div> |
|||
<div class="s-product-card__foot"> |
|||
<h3 class="s-product-card__name">{$vo_content.title}</h3> |
|||
<span class="s-product-card__arrow" aria-hidden="true"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="12" |
|||
height="11" |
|||
/> |
|||
</span> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
{/volist} |
|||
{/if} |
|||
</div> |
|||
|
|||
<div class="c-empty" data-product-empty hidden> |
|||
<p class="c-empty__text">No products</p> |
|||
</div> |
|||
</div> |
|||
|
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -1,8 +0,0 @@ |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<title>{$current_cate.seo_title|default=$current_cate.title}</title> |
|||
<meta name="description" content="{$current_cate.seo_description|default=$current_cate.title}"> |
|||
<meta name="keywords" content="{$current_cate.seo_keywords|default=$current_cate.title}"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
@ -0,0 +1,8 @@ |
|||
{php} |
|||
if (!isset($empty_text) || $empty_text === '') { |
|||
$empty_text = 'No related content'; |
|||
} |
|||
{/php} |
|||
<div class="s-empty" role="status"> |
|||
<p class="s-empty__text">{$empty_text}</p> |
|||
</div> |
|||
@ -1,128 +1,68 @@ |
|||
<section class="huocms-components huocms-block" data-inclue-path="components/footer"> |
|||
<div class="footer"> |
|||
<div class="w1400"> |
|||
<div class="top"> |
|||
<div class="left"> |
|||
{hcTaglib:nav cid="45" max-level="3" item="vo" name="hc_nav" sort="sort asc"} |
|||
<ul> |
|||
<p>{$vo['title']}</p> |
|||
{volist name="vo.children" id="vv" } |
|||
<li><a href="{$vv['href']}">{$vv['title']}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/hcTaglib:nav} |
|||
|
|||
<ul> |
|||
{hcTaglib:category id="163" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:content cid="163" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li> |
|||
<a href="{$case_top['url']}" target="_blank"><img src="{$case_top['thumbnail']['url']|default=''}" alt="">{$case_top['title']}</a> |
|||
<div class="position"> |
|||
<div class="img"><img src="{$case_top['cover']['url']|default=''}" alt=""></div> |
|||
<span></span> |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
</div> |
|||
<div class="right"> |
|||
<div class="wechat"> |
|||
{hcTaglib:content cid="164" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<p>{$case_top['title']}</p> |
|||
<!-- 模块：底部 --> |
|||
<footer class="site-footer section__wrap" id="footer" data-header-dark> |
|||
<div class="site-footer__inner"> |
|||
<div class="site-footer__main"> |
|||
<div class="site-footer__brand"> |
|||
<div class="site-footer__logo" aria-label="RAYNEN Technology"> |
|||
<img src="{hcTaglib:setting name='dark_logo' type='2' /}" alt="RAYNEN Technology" width="252" height="26" /> |
|||
</div> |
|||
<p class="site-footer__stock">Stock code: 603933</p> |
|||
<p class="site-footer__quote" aria-label="Stock quote" data-stock-quote data-stock-code="603933"> |
|||
<span class="site-footer__quote-price" data-stock="price" style="{$priceColor}">{$stockInfo.price}</span> |
|||
<span class="site-footer__quote-unit" data-stock="unit" style="{$priceColor}">Yuan</span> |
|||
<span class="site-footer__quote-change" data-stock="change" style="{$priceColor}">{$stockInfo.change} {$stockInfo.changePercent}</span> |
|||
</p> |
|||
<p class="site-footer__follow">Follow us:</p> |
|||
<div class="site-footer__qrs"> |
|||
<div class="site-footer__qr"> |
|||
<img src="{hcTaglib:setting name='wechat_code' type='2' /}" alt="Official WeChat" /> |
|||
<span>Official WeChat</span> |
|||
</div> |
|||
<div class="site-footer__qr"> |
|||
{php}$ui_social_channel = uiId('social_channel');{/php} |
|||
{hcTaglib:category id="$ui_social_channel" item="vo" field="*"} |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="Official Channels" /> |
|||
{/hcTaglib:category} |
|||
<span>Official Channels</span> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<ul> |
|||
{hcTaglib:content cid="164" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li> |
|||
<a href="javascript:;"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></a> |
|||
<div class="position"> |
|||
<div class="img"><img src="{$case_top['cover']['url']|default=''}" alt=""></div> |
|||
<span></span> |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
|
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="w1400"> |
|||
<div class="beian"> |
|||
<div class="left"> |
|||
© 2023 版权所有：{hcTaglib:setting name="company_name" type="1" /}<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="nofollow">{hcTaglib:setting name="icp" type="2" /}</a> |
|||
</div> |
|||
<div class="right"> |
|||
Designed by <a href="https://www.zhoo.cn" target="_blank">智火建站</a> |
|||
</div> |
|||
<nav class="site-footer__cols" aria-label="Footer navigation"> |
|||
{php} |
|||
$ui_nav_footer = uiId('nav_footer'); |
|||
$ui_product = uiId('product'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_footer" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
{php} |
|||
$ft_is_product = ((int)($vo['category_id'] ?? 0) === $ui_product); |
|||
{/php} |
|||
<div class="site-footer__col"> |
|||
<div class="site-footer__colTitle">{$vo.title}</div> |
|||
<div class="site-footer__links"> |
|||
{volist name="$vo.children" id="child"} |
|||
{php} |
|||
$ft_href = $child['href'] ?? ''; |
|||
$ft_child_cid = (int)($child['category_id'] ?? 0); |
|||
if ($ft_is_product && $ft_child_cid > 0 && $ft_href !== '') { |
|||
$ft_href .= (strpos($ft_href, '?') !== false ? '&' : '?') . 'cat=product-control-' . $ft_child_cid; |
|||
} |
|||
{/php} |
|||
<a href="{$ft_href}">{$child.title}</a> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:nav} |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="footerMob"> |
|||
<div class="topLink"> |
|||
{hcTaglib:nav cid="46" max-level="3" item="vo" name="hc_nav" sort="sort asc"} |
|||
<a href="{$vo['href']}">{$vo['title']}<img src="/themes/static/images/right.png" alt=""></a> |
|||
{/hcTaglib:nav} |
|||
</div> |
|||
{hcTaglib:category id="163" item="vo" field="*"} |
|||
<div class="tit">{$vo.title}</div> |
|||
{/hcTaglib:category} |
|||
<ul class="top"> |
|||
{hcTaglib:content cid="163" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li><a href="{$case_top['url']}"><img src="{$case_top['thumbnail']['url']|default=''}" alt="">{$case_top['title']}</a></li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<div class="tit">联系我们</div> |
|||
<div class="wechat"> |
|||
{hcTaglib:content cid="164" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="site-footer__bottom"> |
|||
<p class="site-footer__copyright">Copyright 2026 {hcTaglib:setting name="company_name" type="1" /} All rights reserved | {hcTaglib:setting name="icp" type="2" /} | <img |
|||
class="site-footer__gongan" src="/themes/dist_static/static/images/gongan-DdFBmJbc.png" alt="" /> {hcTaglib:setting name="gwa" type="2" /}</p> |
|||
<div class="site-footer__legal"> |
|||
<!-- <a href="{:getMuiLangUrl('/sitemap.html')}">Sitemap</a> --> |
|||
<!-- <a href="{:getMuiLangUrl('/privacy.html')}">Privacy Policy</a> --> |
|||
<a href="javascript:;">Sitemap</a> |
|||
<a href="javascript:;">Privacy Policy</a> |
|||
</div> |
|||
<p>{$case_top['title']}</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<ul class="share"> |
|||
{hcTaglib:content cid="164" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li><a href="{$case_top.url}" target="_blank"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></a></li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<div class="beian"> |
|||
<p>© 2022 版权所有：{hcTaglib:setting name="company_name" type="1" /}</p> |
|||
<p> |
|||
<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank" rel="nofollow">{hcTaglib:setting name="icp" type="2" /}</a> |
|||
Designed by <a href="https://www.zhoo.cn" target="_blank">智火建站</a> |
|||
</p> |
|||
</div> |
|||
</div> |
|||
<div class="rightBlock"> |
|||
<ul> |
|||
{hcTaglib:content cid="209" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2"} |
|||
<li> |
|||
<a href="{$case_top['url']}" target="_blank"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
{$case_top['title']} |
|||
</a> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
<li class="toTop"> |
|||
<a href="javascript:;"> |
|||
<img src="/themes/static/images/toTop.png" alt=""> |
|||
</a> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
<!-- 通用 --> |
|||
<script src="/themes/static/js/jquery.js"></script> |
|||
<script src="/themes/static/js/aos.js"></script> |
|||
<script src="/themes/static/js/currency.js"></script> |
|||
<script src="/themes/static/js/jweixin-1.0.0.js"></script> |
|||
</section> |
|||
</footer> |
|||
@ -1,93 +1,636 @@ |
|||
<section class="huocms-components huocms-block" data-inclue-path="components/header"> |
|||
<div class="top_hide" style="display:none !important"> |
|||
<img src="/themes/static/images/firstImg.jpg" alt=""> |
|||
</div> |
|||
<div class="header"> |
|||
<div class="location"></div> |
|||
<div class="nav"> |
|||
<ul class="front"> |
|||
{hcTaglib:nav cid="43" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<li> |
|||
<a href="{$vo['href']}">{$vo['title']}</a> |
|||
<div class="level"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
<a href="javascript:;" class="logo"><img src='{hcTaglib:setting name="logo" type="2" /}' alt="宅极慧iHM"></a> |
|||
<ul class="after"> |
|||
{hcTaglib:nav cid="44" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<li> |
|||
<a href="{$vo['href']}">{$vo['title']}</a> |
|||
<div class="level"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</div> |
|||
<div class="menu"> |
|||
<a href="javascript:;" class="lang">EN</a> |
|||
<div class="search"> |
|||
<img src="/themes/static/images/search.png" alt=""> |
|||
<div class="searchDiv"> |
|||
<div> |
|||
<input type="text" id="search" placeholder="请输入关键词搜索"> |
|||
<a href="javascript:;" class="btn"><img src="/themes/static/images/search2.png" alt=""></a> |
|||
</div> |
|||
<a href="javascript:;" class="close"><img src="/themes/static/images/close.png" alt=""></a> |
|||
</div> |
|||
<header class="site-header"> |
|||
<div class="site-header__top"> |
|||
<a class="site-header__phone" href="tel:{hcTaglib:setting name="company_phone" type="1" /}"> |
|||
<span class="site-header__icon site-header__icon--24" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
fill="none" |
|||
> |
|||
<g> |
|||
<rect |
|||
id="Linear / Call / Incoming Call Rounded" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
x="0.000000" |
|||
y="0.000000" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M0 3.2L3.2 0M0.8 0L3.2 0L3.2 2.4" |
|||
stroke="currentColor" |
|||
stroke-linecap="round" |
|||
stroke-width="1.500000" |
|||
transform="matrix(-1,0,0,-1,17.5996,9.59961)" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M10.4297 6.65255C9.72215 5.38476 7.94421 5.23503 6.82985 6.34939C6.16025 7.019 5.63923 7.83929 5.60485 8.74608C5.54698 10.2726 5.93331 12.865 8.53377 15.4654C11.1342 18.0659 13.7266 18.4522 15.2531 18.3944C16.1599 18.36 16.9802 17.839 17.6498 17.1694C18.7642 16.055 18.6145 14.2771 17.3467 13.5695L16.4163 13.0503C15.5767 12.5818 14.4753 12.7699 13.7374 13.5078C13.7374 13.5078 12.8422 14.403 11.2192 12.78C9.59623 11.157 10.4914 10.2619 10.4914 10.2619C11.2294 9.52387 11.4175 8.42248 10.9489 7.58289L10.4297 6.65255Z" |
|||
fill-rule="evenodd" |
|||
stroke="currentColor" |
|||
stroke-width="1.500000" |
|||
/> |
|||
</g> |
|||
</svg> |
|||
</span> |
|||
<span>{hcTaglib:setting name="company_phone" type="1" /}</span> |
|||
</a> |
|||
<div class="site-header__socials" aria-label="Social accounts"> |
|||
<span class="site-header__social site-header__social--wechat" tabindex="0" aria-label="WeChat" role="button"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="微信 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 4" |
|||
d="M10.7269 5.47152C10.9091 5.47152 11.0884 5.48527 11.2686 5.50491C10.7833 3.26405 8.36754 1.59961 5.60907 1.59961C2.52571 1.59961 0 3.68237 0 6.32878C0 7.85575 0.839924 9.10973 2.24442 10.0838L1.68381 11.7561L3.64495 10.782C4.34621 10.9185 4.9088 11.0599 5.60907 11.0599C5.78537 11.0599 5.95969 11.0521 6.13204 11.0393C6.02309 10.6671 5.9587 10.2783 5.9587 9.87272C5.9597 7.44332 8.06347 5.47152 10.7269 5.47152ZM7.71185 3.9642C8.13577 3.9642 8.4141 4.24013 8.4141 4.65845C8.4141 5.07481 8.13577 5.35369 7.71185 5.35369C7.29288 5.35369 6.87093 5.07481 6.87093 4.65845C6.87093 4.23915 7.29189 3.9642 7.71185 3.9642ZM3.78659 5.35369C3.36564 5.35369 2.94171 5.07481 2.94171 4.65845C2.94171 4.24013 3.36564 3.9642 3.78659 3.9642C4.20754 3.9642 4.48686 4.23915 4.48686 4.65845C4.48686 5.07481 4.20754 5.35369 3.78659 5.35369ZM15.8476 9.80595C15.8476 7.58276 13.6032 5.77102 11.0824 5.77102C8.41311 5.77102 6.3123 7.58374 6.3123 9.80595C6.3123 12.035 8.4141 13.8409 11.0824 13.8409C11.6411 13.8409 12.2046 13.7024 12.7653 13.563L14.3035 14.3996L13.8815 13.0091C15.0077 12.1705 15.8476 11.0599 15.8476 9.80595ZM9.53531 9.10973C9.25699 9.10973 8.9747 8.83478 8.9747 8.55393C8.9747 8.27702 9.25699 7.99814 9.53531 7.99814C9.96122 7.99814 10.2376 8.27702 10.2376 8.55393C10.2376 8.83478 9.96122 9.10973 9.53531 9.10973ZM12.6206 9.10973C12.3443 9.10973 12.063 8.83478 12.063 8.55393C12.063 8.27702 12.3433 7.99814 12.6206 7.99814C13.0426 7.99814 13.3229 8.27702 13.3229 8.55393C13.3229 8.83478 13.0426 9.10973 12.6206 9.10973Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
<span class="site-header__wechat-pop" role="tooltip"> |
|||
<img src="{hcTaglib:setting name='wechat_code' type='2' /}" alt="Official WeChat" width="120" height="120" /> |
|||
</span> |
|||
</span> |
|||
{php} |
|||
$content_arr = getDescriptionSeparate(uiId('social_channel')); |
|||
$douyin_url = $content_arr['0'] ?? ''; |
|||
$sina_url = $content_arr['1'] ?? ''; |
|||
$zhihu_url = $content_arr['2'] ?? ''; |
|||
{/php} |
|||
{if(!empty($douyin_url))} |
|||
<a class="site-header__social" href="{$douyin_url}" aria-label="Douyin" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="抖音 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 5" |
|||
d="M13.9794 6.79333C13.3937 6.79215 12.812 6.69975 12.2563 6.51966C11.7007 6.33956 11.1783 6.07409 10.709 5.73333L10.709 10.5467C10.7285 11.309 10.5414 12.0629 10.1665 12.7327C9.79154 13.4025 9.24201 13.9646 8.57303 14.3625C7.90405 14.7605 7.13916 14.9804 6.35517 15C5.57117 14.9804 4.80628 14.7605 4.1373 14.3625C3.46832 13.9646 2.91879 13.4025 2.54388 12.7327C2.16897 12.0629 1.98188 11.309 2.00138 10.5467C1.98189 9.78478 2.16907 9.03133 2.54411 8.36211C2.91915 7.69289 3.46882 7.13149 4.13783 6.7344C4.80683 6.3373 5.57159 6.1185 6.35517 6.1C6.58475 6.10134 6.81392 6.11916 7.0408 6.15333L7.0408 8.70667C6.82209 8.62421 6.58974 8.58129 6.35517 8.58C6.00331 8.58806 5.65991 8.68649 5.35981 8.86527C5.05971 9.04406 4.81358 9.29686 4.64642 9.59801C4.47925 9.89916 4.39698 10.2379 4.40796 10.58C4.39698 10.922 4.47925 11.2608 4.64642 11.562C4.81359 11.8631 5.05971 12.1159 5.35981 12.2947C5.65991 12.4735 6.00331 12.5719 6.35517 12.58C6.70624 12.5708 7.04859 12.4716 7.34762 12.2925C7.64665 12.1135 7.89177 11.8608 8.05821 11.5601C8.22464 11.2594 8.30651 10.9213 8.29552 10.58L8.29552 1L10.7227 1C10.7068 1.57291 10.8473 2.13969 11.1297 2.64274C11.4121 3.14579 11.8264 3.5672 12.3305 3.86413C12.8347 4.16107 13.4107 4.32295 14 4.33333L14 6.8" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
{if(!empty($sina_url))} |
|||
<a class="site-header__social" href="{$sina_url}" aria-label="Weibo" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="微博 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 6" |
|||
d="M10.7233 3.34315C11.5178 3.34315 15.3204 3.1342 14.6251 6.84876C14.528 7.25593 14.4549 7.87962 14.9319 8.01156C15.3664 8.12202 15.6339 7.66297 15.7536 7.31358C15.811 6.90686 17.5699 1.58349 10.787 2.02612C10.5702 2.06485 10.0891 2.25239 10.0857 2.65597C10.0823 3.05962 10.5076 3.32241 10.7233 3.34315ZM10.9368 4.95491C11.0637 4.93984 13.0406 4.58862 12.8787 6.69959C12.9082 6.89137 12.774 7.22011 13.0406 7.28757C13.3071 7.35505 13.4118 7.13335 13.4404 6.93093C13.4689 6.72851 13.9301 3.98259 10.9686 4.29944C10.7445 4.32443 10.5941 4.4601 10.6195 4.65931C10.6449 4.85852 10.81 4.96997 10.9368 4.95491ZM11.7752 8.24324C11.7752 8.24324 10.9783 8.41756 11.3544 7.81714C11.9476 6.64274 10.9839 4.71599 8.48541 5.99654C7.62471 6.46137 7.62471 6.13212 7.6534 5.55107C7.73079 2.37902 1.92492 4.64078 0.280009 8.76411C-0.647495 11.2669 0.837892 13.4299 3.1357 14.3732C8.74355 16.4008 12.8272 13.0465 13.5236 10.8773C14.4518 7.61856 11.7752 8.24324 11.7752 8.24324ZM6.39686 13.6222C3.74214 13.992 1.389 12.8113 1.14095 10.9852C0.892894 9.15907 2.84389 7.37896 5.4986 7.00921C8.1533 6.63946 10.5065 7.82008 10.7545 9.64622C11.0026 11.4723 9.05158 13.2525 6.39686 13.6222ZM8.42041 9.81629C8.20974 8.70379 6.91676 8.01982 5.53246 8.28862C4.14816 8.55742 3.19674 9.67717 3.40741 10.7897C3.61808 11.9022 4.91107 12.5861 6.29536 12.3173C7.67966 12.0485 8.63108 10.9288 8.42041 9.81629ZM5.36769 11.2912C4.88972 11.2912 4.50224 10.9573 4.50224 10.5454C4.50224 10.1335 4.88972 9.79952 5.36769 9.79952C5.84566 9.79952 6.23314 10.1335 6.23314 10.5454C6.23314 10.9573 5.84566 11.2912 5.36769 11.2912ZM6.78556 10.2843C6.60718 10.2843 6.42575 10.0673 6.42575 9.79952C6.42575 9.53178 6.60718 9.31473 6.78556 9.31473C6.96393 9.31473 7.14536 9.53178 7.14536 9.79952C7.14536 10.0673 6.96393 10.2843 6.78556 10.2843Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
{if(!empty($zhihu_url))} |
|||
<a class="site-header__social" href="{$zhihu_url}" aria-label="Zhihu" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="知乎 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 7" |
|||
d="M9.0083 12.6517L9.89959 12.6517L10.2232 13.7911L11.7917 12.6517L14 12.6517L14 3.56192L9.0083 3.56192L9.0083 12.6517ZM10.0639 4.57302L12.9793 4.57302L12.9793 11.6155L11.9485 11.6155L10.6241 12.6367L10.3353 11.6155L10.0639 11.6155L10.0639 4.57302ZM2 13.8615C2.314 13.9756 2.64861 14.02 2.98111 13.9918C3.3136 13.9635 3.63619 13.8634 3.92697 13.6981C4.87552 13.1321 5.5751 10.6396 5.5751 10.6396L7.81577 13.4289C7.81577 13.4289 8.01992 12.1009 7.78091 11.7262C7.54191 11.3514 6.23983 9.8423 6.23983 9.8423L5.66971 10.3453L6.07552 8.69538L8.49793 8.69538C8.49793 8.69538 8.49793 7.72452 8.02241 7.66919C7.54689 7.61386 6.07054 7.66919 6.07054 7.66919L6.07054 4.65099L8.24896 4.65099C8.24896 4.65099 8.22407 3.64492 7.80083 3.64492L4.24315 3.64492L4.79585 2C4.79585 2 3.89959 2.05282 3.5834 2.61873C3.26722 3.18464 2.239 6.10224 2.239 6.10224C2.239 6.10224 2.58008 6.26321 3.16017 5.8306C3.53203 5.52533 3.80014 5.11025 3.92697 4.64344L4.98257 4.59062L5.01245 7.67925C5.01245 7.67925 3.19253 7.65159 2.82407 7.67925C2.4556 7.70692 2.24398 8.70544 2.24398 8.70544L5.01245 8.70544C5.01245 8.70544 4.77593 10.4057 4.0639 11.6482C3.35187 12.8907 2 13.8615 2 13.8615L2 13.8615Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
|
|||
</div> |
|||
{php} |
|||
$hc_lang = function_exists('getLang') ? getLang() : 'zh'; |
|||
$hc_default_lang = config('lang.default_lang') ?: 'zh'; |
|||
$hc_lang_ui = ($hc_lang === 'en') ? 'en' : 'zh'; |
|||
{/php} |
|||
<button |
|||
type="button" |
|||
class="site-header__lang" |
|||
aria-label="Switch language" |
|||
data-lang-default="{$hc_default_lang}" |
|||
data-lang-current="{$hc_lang}" |
|||
> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="语言 2" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 10" |
|||
d="M9.873 14.15C9.696 13.813 9.507 13.323 9.611 13.03C9.6354 12.9452 9.67429 12.8652 9.72593 12.7936C9.77757 12.722 9.8412 12.6599 9.914 12.61C10.105 12.454 10.367 12.241 10.575 11.701C10.655 11.492 10.708 11.282 10.758 11.08C10.942 10.345 11.008 10.232 11.541 10.293C11.941 10.341 12.189 10.533 12.476 10.756C12.758 10.975 13.079 11.207 13.52 11.283C13.1147 11.9647 12.5871 12.5657 11.9635 13.0557C11.3399 13.5458 10.6312 13.9164 9.873 14.149M2.486 11.294C2.951 11.238 3.459 11.076 3.822 10.68C4.223 10.242 4.226 9.67 4.228 9.212C4.231 8.587 4.266 8.415 4.582 8.297C5.014 8.137 5.21 8.29 5.616 8.65C5.854 8.862 6.124 9.102 6.483 9.212C6.906 9.342 7.413 9.282 7.837 9.049C8.26 8.819 8.574 8.428 8.707 7.964L8.71 7.964L8.714 7.949L8.718 7.937C8.723 7.921 8.723 7.907 8.728 7.891C8.759 7.782 8.781 7.672 8.795 7.563C8.802 7.514 8.805 7.47 8.808 7.423C8.811 7.385 8.816 7.347 8.818 7.31C8.83087 7.06331 8.82619 6.81602 8.804 6.57C8.79484 6.4612 8.78884 6.35215 8.786 6.243C8.78356 6.14213 8.8088 6.04252 8.859 5.955C8.947 5.913 9.181 5.871 9.342 5.843C9.789 5.764 10.336 5.664 10.666 5.276L10.671 5.273L10.67 5.273C10.69 5.249 10.711 5.229 10.729 5.203C11.287 4.417 11.253 3.604 10.641 3.082C10.5924 3.04235 10.542 3.00497 10.49 2.97C10.13 2.72 9.976 2.543 10.081 2.218C10.112 2.12 10.146 2.035 10.179 1.958C11.4229 2.40565 12.4984 3.22602 13.259 4.30728C14.0195 5.38853 14.4281 6.67804 14.429 8C14.429 8.774 14.284 9.513 14.034 10.2C13.9568 10.2233 13.8773 10.2387 13.797 10.246C13.577 10.246 13.417 10.131 13.133 9.909C12.789 9.642 12.361 9.311 11.666 9.229C10.168 9.051 9.885 10.159 9.719 10.819C9.677 10.988 9.636 11.159 9.574 11.317C9.469 11.591 9.382 11.662 9.237 11.78C9.049 11.934 8.791 12.144 8.603 12.67C8.393 13.253 8.584 13.906 8.793 14.374C8.533 14.407 8.269 14.429 8 14.429C6.88828 14.4285 5.79575 14.1393 4.82936 13.5898C3.86297 13.0402 3.05584 12.2492 2.487 11.294M7.999 1.571C8.389 1.571 8.768 1.611 9.138 1.678C9.10993 1.74743 9.08425 1.81781 9.061 1.889C8.694 3.026 9.586 3.646 9.878 3.849L9.945 3.896C10.01 3.952 10.176 4.101 9.885 4.538C9.781 4.627 9.675 4.643 9.415 4.655C9.067 4.672 8.542 4.697 8.076 5.215L8.074 5.218L8.073 5.219L8.067 5.224C8.057 5.235 8.051 5.247 8.042 5.258C7.795 5.548 7.725 5.865 7.717 6.176C7.70977 6.37943 7.71444 6.58311 7.731 6.786C7.744 7.001 7.756 7.207 7.738 7.39C7.72669 7.47875 7.70932 7.56662 7.686 7.653C7.65961 7.74994 7.6136 7.84043 7.55081 7.91887C7.48803 7.99731 7.40981 8.06202 7.321 8.109C7.151 8.203 6.944 8.234 6.799 8.189C6.662 8.146 6.499 8.002 6.326 7.849C5.902 7.472 5.26 6.902 4.208 7.293C3.164 7.683 3.16 8.599 3.157 9.206C3.155 9.524 3.153 9.824 3.032 9.956C2.808 10.201 2.349 10.253 1.982 10.244C1.71189 9.52664 1.57301 8.76653 1.572 8C1.572 6.87159 1.869 5.76305 2.43316 4.78579C2.99731 3.80853 3.80875 2.99696 4.78592 2.43266C5.7631 1.86835 6.87159 1.57118 8 1.571M8 0.5C3.864 0.5 0.5 3.864 0.5 8C0.5 12.136 3.864 15.5 8 15.5C12.136 15.5 15.5 12.136 15.5 8C15.5 3.864 12.136 0.5 8 0.5Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
<span class="site-header__lang-opt{if $hc_lang_ui=='en'} site-header__lang-active{/if}" data-lang="en">EN</span> |
|||
<span>/</span> |
|||
<span class="site-header__lang-opt{if $hc_lang_ui=='zh'} site-header__lang-active{/if}" data-lang="zh">CN</span> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<!-- 移动端导航 --> |
|||
<div class="headerMob"> |
|||
<div class="w1400"> |
|||
<a href="/" class="logo"><img src="{hcTaglib:setting name="logo" type="2" /}" alt="宅极慧iHM"></a> |
|||
<div class="right"> |
|||
<div class="lang">EN</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
<div class="site-header__main"> |
|||
<a href="{:getMuiLangUrl('/')}" class="header-logo" aria-label="RAYNEN Technology"> |
|||
<img |
|||
class="header-logo__img--default" |
|||
src="{hcTaglib:setting name='logo' type='2' /}" |
|||
alt="RAYNEN Technology" |
|||
width="252" |
|||
height="26" |
|||
/> |
|||
<img |
|||
class="header-logo__img--dark" |
|||
src="{hcTaglib:setting name='dark_logo' type='2' /}" |
|||
alt="RAYNEN Technology" |
|||
width="252" |
|||
height="26" |
|||
/> |
|||
</a> |
|||
<nav class="site-header__nav" aria-label="Main navigation"> |
|||
<ul> |
|||
{php} |
|||
$ui_nav_header = uiId('nav_header'); |
|||
$ui_home = uiId('home'); |
|||
$ui_product = uiId('product'); |
|||
$ui_solution = uiId('solution'); |
|||
$ui_support = uiId('support'); |
|||
$ui_news = uiId('news'); |
|||
$ui_invest = uiId('invest'); |
|||
$ui_about = uiId('about'); |
|||
$ui_exhibition = uiId('exhibition'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_header" max-level="2" item="vo" name="hc_header_nav" sort="sort asc"} |
|||
{php} |
|||
$nav_title = $vo['title'] ?? ''; |
|||
$nav_href = $vo['href'] ?? ''; |
|||
$nav_id = (int)($vo['id'] ?? 0); |
|||
$nav_cid = (int)($vo['category_id'] ?? 0); |
|||
$nav_children = $vo['children'] ?? []; |
|||
// Product / Solutions mega menus (IDs from config/ui_ids.php) |
|||
$nav_is_product = ($nav_cid === $ui_product); |
|||
$nav_is_solution = ($nav_cid === $ui_solution); |
|||
$nav_is_home = ($nav_cid === $ui_home); |
|||
$nav_mega_map = [ |
|||
$ui_support => 'support', |
|||
$ui_news => 'news', |
|||
$ui_invest => 'invest', |
|||
$ui_about => 'about', |
|||
]; |
|||
$nav_mega_class = $nav_mega_map[$nav_cid] ?? 'support'; |
|||
{/php} |
|||
{if $nav_is_product} |
|||
<!-- 产品导航（特殊处理） --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
{hcTaglib:category id="$ui_product" item="vo" field="*"} |
|||
<a |
|||
href="{:getMuiLangUrl($vo.alias)}" |
|||
class="site-header__nav-link" |
|||
aria-expanded="false" |
|||
> |
|||
{$vo.title} |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- 产品导航下拉面板 --> |
|||
<div class="nav-mega product" id="nav-mega-product"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content product"> |
|||
<aside class="nav-mega__cats" aria-label="Product categories"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort=""} |
|||
|
|||
<button type="button" class="nav-mega__cat {if $key==1}is-active{/if}" data-mega-cat="product_{$key}"> |
|||
<span>{$vo.title}</span> |
|||
<span class="nav-mega__cat-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</button> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</aside> |
|||
<div class="nav-mega__main"> |
|||
<div class="nav-mega__panels"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort=""} |
|||
<div class="nav-mega__panel {if $key==1}is-active{/if}" data-mega-panel="product_{$key}" {if $key!=1}hidden{/if}> |
|||
{php} |
|||
$sub_cate_id = $vo['id']; // 获取子分类的ID |
|||
{/php} |
|||
<a class="nav-mega__heading" href="{:getMuiLangUrl($vo.alias)}?cat=product-control-{$vo.id}"> |
|||
<span>{$vo.title}</span> |
|||
<span class="nav-mega__heading-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<div class="nav-mega__body"> |
|||
<div class="nav-mega__cols"> |
|||
<!-- 一级栏目展示产品 --> |
|||
{if ($vo.need_show_sub_content==1)} |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content_tmp" limit="30" item="content_one" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
{if !empty($hc_content)} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content_tmp" id="vo_content_tmp"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content_tmp['id'],'cid'=>$vo_content_tmp['category_id']])}">{$vo_content_tmp.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
{/if} |
|||
|
|||
|
|||
{hcTaglib:subcategory pid="$sub_cate_id" item="vo22" sort=""} |
|||
<div class="nav-mega__col"> |
|||
<div class="nav-mega__group"> |
|||
<a class="nav-mega__group-title" href="{:getMuiLangUrl($vo.alias)}?cat=product-control-{$vo.id}&sub=product-plc-{$vo22.id}">{$vo22.title}</a> |
|||
<!-- 获取当前分类下的内容 --> |
|||
{hcTaglib:contentPage2 cid="$vo22.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content" limit="30" item="content22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{if !empty($hc_content) && $vo22.need_show_sub_content==1} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content" id="vo_content"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">{$vo_content.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
{php} |
|||
$sub_cate_id22 = $vo22['id']; // 获取子分类的ID |
|||
{/php} |
|||
|
|||
{hcTaglib:subcategory pid="$sub_cate_id22" item="vo33" sort=""} |
|||
<div class="nav-mega__subgroup"> |
|||
<div class="nav-mega__subgroup-head"> |
|||
<button type="button" class="nav-mega__subgroup-title">{$vo33.title}</button> |
|||
<button type="button" class="nav-mega__subgroup-toggle" aria-expanded="false" aria-label="Expand/collapse"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
<!-- 获取当前子分类下的内容 --> |
|||
{hcTaglib:contentPage2 cid="$vo33.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content33" limit="30" item="content33" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{if !empty($hc_content33)} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content33" id="vo_content33"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content33['id'],'cid'=>$vo_content33['category_id']])}">{$vo_content33.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
|
|||
<div class="nav-mega__promo-side"> |
|||
{hcTaglib:category id="$ui_exhibition" item="vo" field="*"} |
|||
{php} |
|||
$zhanhui_and_activity = $vo; |
|||
$thumbnail_url_header = $vo['thumbnail']['url'] ?? ''; |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
<a class="nav-mega__promo" href="{:getMuiLangUrl($zhanhui_and_activity.alias)}"> |
|||
<div class="nav-mega__promo-media"> |
|||
<img |
|||
src="{$thumbnail_url_header}" |
|||
alt="" |
|||
width="320" |
|||
height="200" |
|||
loading="lazy" |
|||
/> |
|||
</div> |
|||
<div class="nav-mega__promo-title"> |
|||
<span>{$zhanhui_and_activity.title}</span> |
|||
<span class="nav-mega__promo-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</div> |
|||
<p class="nav-mega__promo-desc">Learn about RAYNEN’s latest events</p> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{elseif $nav_is_solution /} |
|||
<!-- 解决方案（特殊处理） --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
<a |
|||
href="javascript:void(0);" |
|||
class="site-header__nav-link" |
|||
data-mega-trigger="solution" |
|||
aria-expanded="false" |
|||
aria-controls="nav-mega-solution" |
|||
> |
|||
Solutions |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<!-- 解决方案导航下拉面板 --> |
|||
<div class="nav-mega nav-mega--solution" id="nav-mega-solution"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content solution"> |
|||
<div class="nav-mega__cols nav-mega__cols--solution"> |
|||
{hcTaglib:allSubCategory pid="$ui_solution" item="vo" sort=""} |
|||
<div class="nav-mega__col"> |
|||
<div class="nav-mega__group"> |
|||
<span class="nav-mega__group-title">{$vo.title}</span> |
|||
<ul class="nav-mega__links"> |
|||
{volist name="vo.children" id="vvv"} |
|||
<li><a href="{:getMuiLangUrl($vvv.alias)}">{$vvv.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:allSubCategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{elseif condition="!empty($nav_children)" /} |
|||
<!-- 普通下拉导航 --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
<a |
|||
href="{$nav_href}" |
|||
class="site-header__nav-link" |
|||
aria-expanded="false" |
|||
aria-controls="nav-mega-{$nav_id}" |
|||
> |
|||
{$nav_title} |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<div class="nav-mega" id="nav-mega-{$nav_id}"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content {$nav_mega_class}"> |
|||
<ul class="nav-mega__row"> |
|||
{volist name="nav_children" id="child"} |
|||
<li><a href="{$child.href ?? ''}">{$child.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<!-- 无子级：普通链接 --> |
|||
<li class="site-header__nav-item"> |
|||
<a href="{$nav_href}"{if condition="$nav_is_home"} class="is-active"{/if}>{$nav_title}</a> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</nav> |
|||
<div class="site-header__actions"> |
|||
<form class="site-header__search" action="{:getMuiLangUrl('/search.html')}" method="get" role="search"> |
|||
<input |
|||
class="site-header__search-input" |
|||
type="search" |
|||
name="q" |
|||
placeholder="Search keywords" |
|||
autocomplete="off" |
|||
/> |
|||
<button class="site-header__search-btn" type="submit" aria-label="Search"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(0,0,0)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="24" |
|||
height="24" |
|||
/> |
|||
</button> |
|||
</form> |
|||
<a class="s-btn s-btn--primary site-header__cta" href="{:getMuiLangUrl('/contact.html')}">Contact us</a> |
|||
</div> |
|||
<div class="site-header__extras"> |
|||
<button class="site-header__extra-btn lang" type="button" aria-label="Switch language"> |
|||
<svg |
|||
viewBox="0 0 32 32" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="32.000000" |
|||
height="32.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<path |
|||
id="矢量 10" |
|||
d="M19.746 28.3C19.392 27.626 19.014 26.646 19.222 26.06C19.2708 25.8903 19.3486 25.7304 19.4519 25.5872C19.5551 25.4441 19.6824 25.3198 19.828 25.22C20.21 24.908 20.734 24.482 21.15 23.402C21.31 22.984 21.416 22.564 21.516 22.16C21.884 20.69 22.016 20.464 23.082 20.586C23.882 20.682 24.378 21.066 24.952 21.512C25.516 21.95 26.158 22.414 27.04 22.566C26.2295 23.9294 25.1741 25.1314 23.927 26.1115C22.6798 27.0915 21.2624 27.8328 19.746 28.298M4.972 22.588C5.902 22.476 6.918 22.152 7.644 21.36C8.446 20.484 8.452 19.34 8.456 18.424C8.462 17.174 8.532 16.83 9.164 16.594C10.028 16.274 10.42 16.58 11.232 17.3C11.708 17.724 12.248 18.204 12.966 18.424C13.812 18.684 14.826 18.564 15.674 18.098C16.52 17.638 17.148 16.856 17.414 15.928L17.42 15.928L17.428 15.898L17.436 15.874C17.446 15.842 17.446 15.814 17.456 15.782C17.518 15.564 17.562 15.344 17.59 15.126C17.604 15.028 17.61 14.94 17.616 14.846C17.622 14.77 17.632 14.694 17.636 14.62C17.6617 14.1266 17.6524 13.632 17.608 13.14C17.5897 12.9224 17.5777 12.7043 17.572 12.486C17.5671 12.2843 17.6176 12.085 17.718 11.91C17.894 11.826 18.362 11.742 18.684 11.686C19.578 11.528 20.672 11.328 21.332 10.552L21.342 10.546L21.34 10.546C21.38 10.498 21.422 10.458 21.458 10.406C22.574 8.834 22.506 7.208 21.282 6.164C21.1849 6.08469 21.0841 6.00994 20.98 5.94C20.26 5.44 19.952 5.086 20.162 4.436C20.224 4.24 20.292 4.07 20.358 3.916C22.8457 4.81129 24.9968 6.45204 26.5179 8.61455C28.039 10.7771 28.8562 13.3561 28.858 16C28.858 17.548 28.568 19.026 28.068 20.4C27.9135 20.4466 27.7547 20.4774 27.594 20.492C27.154 20.492 26.834 20.262 26.266 19.818C25.578 19.284 24.722 18.622 23.332 18.458C20.336 18.102 19.77 20.318 19.438 21.638C19.354 21.976 19.272 22.318 19.148 22.634C18.938 23.182 18.764 23.324 18.474 23.56C18.098 23.868 17.582 24.288 17.206 25.34C16.786 26.506 17.168 27.812 17.586 28.748C17.066 28.814 16.538 28.858 16 28.858C13.7766 28.857 11.5915 28.2786 9.65872 27.1796C7.72594 26.0805 6.11169 24.4983 4.974 22.588M15.998 3.142C16.778 3.142 17.536 3.222 18.276 3.356C18.2199 3.49487 18.1685 3.63562 18.122 3.778C17.388 6.052 19.172 7.292 19.756 7.698L19.89 7.792C20.02 7.904 20.352 8.202 19.77 9.076C19.562 9.254 19.35 9.286 18.83 9.31C18.134 9.344 17.084 9.394 16.152 10.43L16.148 10.436L16.146 10.438L16.134 10.448C16.114 10.47 16.102 10.494 16.084 10.516C15.59 11.096 15.45 11.73 15.434 12.352C15.4195 12.7589 15.4289 13.1662 15.462 13.572C15.488 14.002 15.512 14.414 15.476 14.78C15.4534 14.9575 15.4186 15.1332 15.372 15.306C15.3192 15.4999 15.2272 15.6809 15.1016 15.8377C14.9761 15.9946 14.8196 16.124 14.642 16.218C14.302 16.406 13.888 16.468 13.598 16.378C13.324 16.292 12.998 16.004 12.652 15.698C11.804 14.944 10.52 13.804 8.416 14.586C6.328 15.366 6.32 17.198 6.314 18.412C6.31 19.048 6.306 19.648 6.064 19.912C5.616 20.402 4.698 20.506 3.964 20.488C3.42378 19.0533 3.14602 17.5331 3.144 16C3.144 13.7432 3.738 11.5261 4.86631 9.57158C5.99462 7.61705 7.61749 5.99393 9.57184 4.86531C11.5262 3.7367 13.7432 3.14235 16 3.142M16 1C7.728 1 1 7.728 1 16C1 24.272 7.728 31 16 31C24.272 31 31 24.272 31 16C31 7.728 24.272 1 16 1Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
<path |
|||
id="矢量 10" |
|||
d="M16 0C24.8235 0 32 7.17653 32 16C32 24.8235 24.8235 32 16 32C7.17653 32 0 24.8235 0 16C0 7.17653 7.17653 0 16 0ZM1 16C1 7.728 7.728 1 16 1C24.272 1 31 7.728 31 16C31 24.272 24.272 31 16 31C7.728 31 1 24.272 1 16Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</button> |
|||
<a href="{:getMuiLangUrl('/search.html')}" class="site-header__extra-btn search" aria-label="Search"> |
|||
<svg |
|||
viewBox="0 0 32.9434 32" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="32.943359" |
|||
height="32.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<path |
|||
id="矢量 3" |
|||
d="M22.7394 24.9684C20.3451 26.8783 17.3108 28.0198 14.0099 28.0198C6.27256 28.0198 0 21.7474 0 14.0099C0 6.27246 6.27256 0 14.0099 0C21.7473 0 28.0198 6.27246 28.0198 14.0099C28.0198 16.9923 27.088 19.757 25.4995 22.0287L32.944 28.9999L29.7711 32L22.7394 24.9684ZM23.8675 14.0099C23.8675 8.01334 20.0063 4.15222 14.0099 4.15222C8.01354 4.15222 4.15232 8.01334 4.15232 14.0099C4.15232 20.0065 8.01354 23.8676 14.0099 23.8676C20.0063 23.8676 23.8675 20.0065 23.8675 14.0099Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</a> |
|||
<button |
|||
class="site-header__extra-btn toggle" |
|||
type="button" |
|||
aria-expanded="false" |
|||
aria-controls="mask" |
|||
aria-label="Open menu" |
|||
> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/1999/svg" aria-hidden="true"> |
|||
<rect |
|||
class="nav-toggle-icon__bar nav-toggle-icon__bar--top" |
|||
x="4" |
|||
y="6" |
|||
width="16" |
|||
height="2" |
|||
rx="1" |
|||
/> |
|||
<rect |
|||
class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" |
|||
x="4" |
|||
y="11" |
|||
width="16" |
|||
height="2" |
|||
rx="1" |
|||
/> |
|||
<rect |
|||
class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" |
|||
x="4" |
|||
y="16" |
|||
width="16" |
|||
height="2" |
|||
rx="1" |
|||
/> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="headerMobList"> |
|||
<ul> |
|||
<span> |
|||
<a href="javascript:;" class="close"><img src='/themes/static/images/close.png' alt=""></a> |
|||
</span> |
|||
<p> |
|||
<input type="text" placeholder="请输入关键词搜索"> |
|||
<a href="javascript:;" class="searchBtn">搜索</a> |
|||
</p> |
|||
{hcTaglib:nav cid="43" max-level="3" item="vo" name="hc_nav" sort="sort asc"} |
|||
<li> |
|||
<a href="{$vo['href']}">{$vo['title']}<em><img src="/themes/static/images/right3.png" alt=""></em></a> |
|||
<div class="level"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:nav} |
|||
{hcTaglib:nav cid="44" max-level="3" item="vo" name="hc_nav" sort="sort asc"} |
|||
<li> |
|||
<a href="{$vo['href']}">{$vo['title']}<em><img src="/themes/static/images/right3.png" alt=""></em></a> |
|||
<div class="level"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</div> |
|||
</section> |
|||
</header> |
|||
{php} |
|||
// 获取股票信息 |
|||
$stockInfo = getStockInfo('603933'); |
|||
// 判断涨跌颜色 |
|||
$priceColor = ''; |
|||
if ($stockInfo['change'] !== '--') { |
|||
$changeVal = floatval(str_replace(['+', '-'], '', $stockInfo['change'])); |
|||
if ($stockInfo['change'][0] === '+') { |
|||
$priceColor = 'color: #ef4335'; // 上涨红色 |
|||
} elseif ($stockInfo['change'][0] === '-') { |
|||
$priceColor = 'color: #00b894'; // 下跌绿色 |
|||
} |
|||
} |
|||
{/php} |
|||
@ -0,0 +1,206 @@ |
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<a href="{:getMuiLangUrl('/')}" class="mask-header__logo" aria-label="RAYNEN Technology"> |
|||
<img src="{hcTaglib:setting name='dark_logo' type='2' /}" alt="RAYNEN Technology" width="252" height="26" /> |
|||
</a> |
|||
<div class="mask-header__actions"> |
|||
<button class="mask-header__icon-btn lang" type="button" aria-label="Switch language"> |
|||
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.000000" height="32.000000" fill="none" customFrame="#000000"> |
|||
<path |
|||
id="矢量 10" |
|||
d="M19.746 28.3C19.392 27.626 19.014 26.646 19.222 26.06C19.2708 25.8903 19.3486 25.7304 19.4519 25.5872C19.5551 25.4441 19.6824 25.3198 19.828 25.22C20.21 24.908 20.734 24.482 21.15 23.402C21.31 22.984 21.416 22.564 21.516 22.16C21.884 20.69 22.016 20.464 23.082 20.586C23.882 20.682 24.378 21.066 24.952 21.512C25.516 21.95 26.158 22.414 27.04 22.566C26.2295 23.9294 25.1741 25.1314 23.927 26.1115C22.6798 27.0915 21.2624 27.8328 19.746 28.298M4.972 22.588C5.902 22.476 6.918 22.152 7.644 21.36C8.446 20.484 8.452 19.34 8.456 18.424C8.462 17.174 8.532 16.83 9.164 16.594C10.028 16.274 10.42 16.58 11.232 17.3C11.708 17.724 12.248 18.204 12.966 18.424C13.812 18.684 14.826 18.564 15.674 18.098C16.52 17.638 17.148 16.856 17.414 15.928L17.42 15.928L17.428 15.898L17.436 15.874C17.446 15.842 17.446 15.814 17.456 15.782C17.518 15.564 17.562 15.344 17.59 15.126C17.604 15.028 17.61 14.94 17.616 14.846C17.622 14.77 17.632 14.694 17.636 14.62C17.6617 14.1266 17.6524 13.632 17.608 13.14C17.5897 12.9224 17.5777 12.7043 17.572 12.486C17.5671 12.2843 17.6176 12.085 17.718 11.91C17.894 11.826 18.362 11.742 18.684 11.686C19.578 11.528 20.672 11.328 21.332 10.552L21.342 10.546L21.34 10.546C21.38 10.498 21.422 10.458 21.458 10.406C22.574 8.834 22.506 7.208 21.282 6.164C21.1849 6.08469 21.0841 6.00994 20.98 5.94C20.26 5.44 19.952 5.086 20.162 4.436C20.224 4.24 20.292 4.07 20.358 3.916C22.8457 4.81129 24.9968 6.45204 26.5179 8.61455C28.039 10.7771 28.8562 13.3561 28.858 16C28.858 17.548 28.568 19.026 28.068 20.4C27.9135 20.4466 27.7547 20.4774 27.594 20.492C27.154 20.492 26.834 20.262 26.266 19.818C25.578 19.284 24.722 18.622 23.332 18.458C20.336 18.102 19.77 20.318 19.438 21.638C19.354 21.976 19.272 22.318 19.148 22.634C18.938 23.182 18.764 23.324 18.474 23.56C18.098 23.868 17.582 24.288 17.206 25.34C16.786 26.506 17.168 27.812 17.586 28.748C17.066 28.814 16.538 28.858 16 28.858C13.7766 28.857 11.5915 28.2786 9.65872 27.1796C7.72594 26.0805 6.11169 24.4983 4.974 22.588M15.998 3.142C16.778 3.142 17.536 3.222 18.276 3.356C18.2199 3.49487 18.1685 3.63562 18.122 3.778C17.388 6.052 19.172 7.292 19.756 7.698L19.89 7.792C20.02 7.904 20.352 8.202 19.77 9.076C19.562 9.254 19.35 9.286 18.83 9.31C18.134 9.344 17.084 9.394 16.152 10.43L16.148 10.436L16.146 10.438L16.134 10.448C16.114 10.47 16.102 10.494 16.084 10.516C15.59 11.096 15.45 11.73 15.434 12.352C15.4195 12.7589 15.4289 13.1662 15.462 13.572C15.488 14.002 15.512 14.414 15.476 14.78C15.4534 14.9575 15.4186 15.1332 15.372 15.306C15.3192 15.4999 15.2272 15.6809 15.1016 15.8377C14.9761 15.9946 14.8196 16.124 14.642 16.218C14.302 16.406 13.888 16.468 13.598 16.378C13.324 16.292 12.998 16.004 12.652 15.698C11.804 14.944 10.52 13.804 8.416 14.586C6.328 15.366 6.32 17.198 6.314 18.412C6.31 19.048 6.306 19.648 6.064 19.912C5.616 20.402 4.698 20.506 3.964 20.488C3.42378 19.0533 3.14602 17.5331 3.144 16C3.144 13.7432 3.738 11.5261 4.86631 9.57158C5.99462 7.61705 7.61749 5.99393 9.57184 4.86531C11.5262 3.7367 13.7432 3.14235 16 3.142M16 1C7.728 1 1 7.728 1 16C1 24.272 7.728 31 16 31C24.272 31 31 24.272 31 16C31 7.728 24.272 1 16 1Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
<path |
|||
id="矢量 10" |
|||
d="M16 0C24.8235 0 32 7.17653 32 16C32 24.8235 24.8235 32 16 32C7.17653 32 0 24.8235 0 16C0 7.17653 7.17653 0 16 0ZM1 16C1 7.728 7.728 1 16 1C24.272 1 31 7.728 31 16C31 24.272 24.272 31 16 31C7.728 31 1 24.272 1 16Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</button> |
|||
<a href="{:getMuiLangUrl('/search.html')}" class="mask-header__icon-btn search" aria-label="Search"> |
|||
<svg viewBox="0 0 32.9434 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.943359" height="32.000000" fill="none" customFrame="#000000"> |
|||
<path |
|||
id="矢量 3" |
|||
d="M22.7394 24.9684C20.3451 26.8783 17.3108 28.0198 14.0099 28.0198C6.27256 28.0198 0 21.7474 0 14.0099C0 6.27246 6.27256 0 14.0099 0C21.7473 0 28.0198 6.27246 28.0198 14.0099C28.0198 16.9923 27.088 19.757 25.4995 22.0287L32.944 28.9999L29.7711 32L22.7394 24.9684ZM23.8675 14.0099C23.8675 8.01334 20.0063 4.15222 14.0099 4.15222C8.01354 4.15222 4.15232 8.01334 4.15232 14.0099C4.15232 20.0065 8.01354 23.8676 14.0099 23.8676C20.0063 23.8676 23.8675 20.0065 23.8675 14.0099Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</a> |
|||
<button class="mask-header__icon-btn mask-header__icon-btn--close close" type="button" aria-expanded="false" aria-controls="mask" aria-label="Close menu"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<nav class="mask-nav" aria-label="Mobile navigation"> |
|||
<ul class="mask-nav__list"> |
|||
{php} |
|||
$ui_nav_header = uiId('nav_header'); |
|||
$ui_solution = uiId('solution'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_header" max-level="2" item="vo" name="hc_mask_nav" sort="sort asc"} |
|||
{php} |
|||
$mask_title = $vo['title'] ?? ''; |
|||
$mask_href = $vo['href'] ?? ''; |
|||
$mask_cid = (int)($vo['category_id'] ?? 0); |
|||
$mask_children = $vo['children'] ?? []; |
|||
$mask_is_solution = ($mask_cid === $ui_solution); |
|||
{/php} |
|||
{if $mask_is_solution} |
|||
<!-- 解决方案：一级可继续展开二级（栏目树） --> |
|||
<li class="mask-nav__item mask-nav__item--expandable" data-expanded="false"> |
|||
<button class="mask-nav__link mask-nav__toggle" type="button" aria-expanded="false"> |
|||
<span>{$mask_title}</span> |
|||
<svg |
|||
class="mask-nav__icon" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="M12 5v14" /> |
|||
<path d="M5 12h14" /> |
|||
</svg> |
|||
</button> |
|||
<div class="mask-nav__sublist-wrapper"> |
|||
<ul class="mask-nav__sublist"> |
|||
{hcTaglib:allSubCategory pid="$ui_solution" item="sol" sort=""} |
|||
{php} |
|||
$sol_children = $sol['children'] ?? []; |
|||
$sol_has_children = !empty($sol_children); |
|||
$sol_href = $sol['alias'] ?? ''; |
|||
{/php} |
|||
{if $sol_has_children} |
|||
<li class="mask-nav__subitem mask-nav__subitem--expandable" data-expanded="false"> |
|||
<button class="mask-nav__sublink mask-nav__toggle" type="button" aria-expanded="false"> |
|||
<span>{$sol.title}</span> |
|||
<svg |
|||
class="mask-nav__icon" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="M12 5v14" /> |
|||
<path d="M5 12h14" /> |
|||
</svg> |
|||
</button> |
|||
<div class="mask-nav__sublist-wrapper"> |
|||
<ul class="mask-nav__sublist mask-nav__sublist--l2"> |
|||
{volist name="sol_children" id="sol2"} |
|||
<li class="mask-nav__subitem"> |
|||
<a href="{$sol2.alias}" class="mask-nav__sublink"> |
|||
<span>{$sol2.title}</span> |
|||
<svg |
|||
class="mask-nav__arrow" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="m9 18 6-6-6-6" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<li class="mask-nav__subitem"> |
|||
<a href="{$sol_href}" class="mask-nav__sublink"> |
|||
<span>{$sol.title}</span> |
|||
<svg |
|||
class="mask-nav__arrow" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="m9 18 6-6-6-6" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:allSubCategory} |
|||
</ul> |
|||
</div> |
|||
</li> |
|||
{elseif condition="!empty($mask_children)" /} |
|||
<li class="mask-nav__item mask-nav__item--expandable" data-expanded="false"> |
|||
<button class="mask-nav__link mask-nav__toggle" type="button" aria-expanded="false"> |
|||
<span>{$mask_title}</span> |
|||
<svg |
|||
class="mask-nav__icon" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="M12 5v14" /> |
|||
<path d="M5 12h14" /> |
|||
</svg> |
|||
</button> |
|||
<div class="mask-nav__sublist-wrapper"> |
|||
<ul class="mask-nav__sublist"> |
|||
{volist name="mask_children" id="child"} |
|||
<li class="mask-nav__subitem"> |
|||
<a href="{$child.href ?? ''}" class="mask-nav__sublink"> |
|||
<span>{$child.title}</span> |
|||
<svg |
|||
class="mask-nav__arrow" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="m9 18 6-6-6-6" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<li class="mask-nav__item"> |
|||
<a href="{$mask_href}" class="mask-nav__link">{$mask_title}</a> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,307 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/contact.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/contact.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<main class="main-contact" data-header-dark> |
|||
<section class="c-intro section__wrap"> |
|||
<h1 class="c-intro__title"> |
|||
<span>{$current_cate.sub_title}<br/>{$current_cate.desc}</span> |
|||
</h1> |
|||
<div class="c-intro__hotline"> |
|||
<div class="c-intro__hotline-label"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='Linear%20/%20Call%20/%20Incoming%20Call%20Rounded'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%204.26667L4.26667%200M1.06667%200L4.26667%200L4.26667%203.2'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-width='1.500000'%20transform='matrix(-1,0,0,-1,23.4668,12.7998)'%20/%3e%3cpath%20id='Vector'%20d='M13.9069%208.87071C12.9635%207.18033%2010.5929%206.9807%209.10712%208.46651C8.21432%209.35931%207.51962%2010.453%207.47379%2011.6621C7.39663%2013.6974%207.91173%2017.154%2011.379%2020.6212C14.8463%2024.0885%2018.3028%2024.6036%2020.3382%2024.5265C21.5472%2024.4806%2022.6409%2023.7859%2023.5338%2022.8931C25.0196%2021.4073%2024.8199%2019.0367%2023.1295%2018.0934L21.8891%2017.4011C20.7696%2016.7763%2019.3011%2017.0271%2018.3171%2018.0111C18.3171%2018.0111%2017.1236%2019.2046%2014.9596%2017.0406C12.7956%2014.8767%2013.9892%2013.6831%2013.9892%2013.6831C14.9731%2012.6991%2015.2239%2011.2306%2014.5992%2010.1112L13.9069%208.87071Z'%20fill-rule='evenodd'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/svg%3e" alt="" width="19" height="19" /> |
|||
<span>Hotline</span> |
|||
</div> |
|||
<a class="c-intro__phone" href="tel:400-0898-188">{hcTaglib:setting name="company_phone" type="1" /}</a> |
|||
<p class="c-intro__hours">{$current_cate.description}</p> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="c-banner" aria-label="Service shortcuts"> |
|||
<div class="c-banner__media" aria-hidden="true"> |
|||
<img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" /> |
|||
</div> |
|||
<div class="c-banner__cards section__wrap"> |
|||
<a class="c-card" href="{:getMuiLangUrl('/download.html')}"> |
|||
<div class="c-card__head"> |
|||
<span class="c-card__title">Download Center</span> |
|||
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20279'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M33.3333%2018.667L44%2018.667L44%2044.0003L4%2044.0003L4%2018.667L14.6667%2018.667'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20487'%20d='M32%2028L24%2036L16%2028M24%204L24%2036'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='2.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> |
|||
</div> |
|||
<p class="c-card__desc">Get product documentation</p> |
|||
</a> |
|||
<a class="c-card" href="{:getMuiLangUrl('/faq.html')}"> |
|||
<div class="c-card__head"> |
|||
<span class="c-card__title">FAQ</span> |
|||
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='Question_and_answer'%3e%3cg%20id='question-and-answer'%3e%3cpath%20id='矢量%20484'%20d='M16.6667%2046L10.8%2037.2L4.93333%2037.2C3.32%2037.2%202%2035.88%202%2034.2667L2%2019.6C2%2017.9867%203.32%2016.6667%204.93333%2016.6667L26.9333%2016.6667C28.5467%2016.6667%2029.8667%2017.9867%2029.8667%2019.6L29.8667%2034.2667C29.8667%2035.88%2028.5467%2037.2%2026.9333%2037.2L16.6667%2037.2M35.7333%2025.4667L38.6667%2019.6L43.0667%2019.6C44.68%2019.6%2046%2018.28%2046%2016.6667L46%204.93333C46%203.32%2044.68%202%2043.0667%202L25.4667%202C23.8533%202%2022.5333%203.32%2022.5333%204.93333L22.5333%2016.6667M34.2667%2019.6L29.8667%2019.6M34.296%2013C34.296%2011.372%2034.5307%2010.9027%2035.5133%2010.3307C36.232%209.92%2036.9213%209.31867%2036.9213%208.10133C36.9213%206.54667%2035.7333%205.66667%2034.2813%205.66667C32.8293%205.66667%2031.6267%206.708%2031.6267%208.10133'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20485'%20d='M17.3995%2026.9332C17.3995%2027.7399%2016.7395%2028.3999%2015.9328%2028.3999C15.1261%2028.3999%2014.4661%2027.7399%2014.4661%2026.9332C14.4661%2026.1265%2015.1261%2025.4665%2015.9328%2025.4665C16.7395%2025.4665%2017.3995%2026.1265%2017.3995%2026.9332ZM23.2661%2025.4665C22.4595%2025.4665%2021.7995%2026.1265%2021.7995%2026.9332C21.7995%2027.7399%2022.4595%2028.3999%2023.2661%2028.3999C24.0728%2028.3999%2024.7328%2027.7399%2024.7328%2026.9332C24.7328%2026.1265%2024.0728%2025.4665%2023.2661%2025.4665ZM8.59948%2025.4665C7.79281%2025.4665%207.13281%2026.1265%207.13281%2026.9332C7.13281%2027.7399%207.79281%2028.3999%208.59948%2028.3999C9.40615%2028.3999%2010.0661%2027.7399%2010.0661%2026.9332C10.0661%2026.1265%209.40615%2025.4665%208.59948%2025.4665ZM34.2661%2016.1239C34.7795%2016.1239%2035.1901%2015.7132%2035.1901%2015.2145C35.1901%2014.7159%2034.7795%2014.2905%2034.2661%2014.2905C33.7528%2014.2905%2033.3568%2014.7012%2033.3568%2015.2145C33.3568%2015.7279%2033.7675%2016.1239%2034.2661%2016.1239Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3c/g%3e%3crect%20id='Transparent_Rectangle'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> |
|||
</div> |
|||
<p class="c-card__desc">Find the answers you need</p> |
|||
</a> |
|||
<a class="c-card" href="{:getMuiLangUrl('/video.html')}"> |
|||
<div class="c-card__head"> |
|||
<span class="c-card__title">Video Tutorials</span> |
|||
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='vuesax/linear/play-circle'%3e%3cg%20id='play-circle'%3e%3cpath%20id='Vector'%20d='M23.9395%2044C12.8938%2044%203.93945%2035.0457%203.93945%2024C3.93945%2012.9543%2012.8938%204%2023.9395%204C34.9852%204%2043.9395%2012.9543%2043.9395%2024C43.9395%2035.0457%2034.9852%2044%2023.9395%2044Z'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M17.4805%2021.1202C17.4805%2016.9602%2020.4205%2015.2602%2024.0205%2017.3402L26.9205%2019.0202L29.8205%2020.7002C33.4205%2022.7803%2033.4205%2026.1802%2029.8205%2028.2603L26.9205%2029.9403L24.0205%2031.6203C20.4205%2033.7002%2017.4805%2032.0003%2017.4805%2027.8402L17.4805%2024.4602L17.4805%2021.1202Z'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> |
|||
</div> |
|||
<p class="c-card__desc">Watch training videos</p> |
|||
</a> |
|||
<a class="c-card" href="{:getMuiLangUrl('/announce.html')}"> |
|||
<div class="c-card__head"> |
|||
<span class="c-card__title">Product Notices</span> |
|||
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20280'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M4%2028.091C4%2032.1719%206.07692%2034.2124%2010.2308%2034.2124L13.2036%2034.2124C13.9774%2034.2124%2014.7511%2034.4324%2015.4027%2034.8325L21.4706%2038.5534C26.724%2041.7741%2031%2039.4336%2031%2033.3522L31%2014.6478C31%208.56641%2026.7036%206.22587%2021.4706%209.44662L15.4027%2013.1875C14.7308%2013.5876%2013.9774%2013.8076%2013.2036%2013.8076L10.2308%2013.8076C6.07692%2013.8076%204%2015.8481%204%2019.9291L4%2028.091Z'%20fill-rule='nonzero'%20stroke='rgb(41,45,50)'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,-0.5,0.5,0.866025,36.5352,15.001)'%20/%3e%3cpath%20id='Vector'%20d='M36%2024L44%2024'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,0.5,-0.5,0.866025,36.5352,33)'%20/%3e%3c/svg%3e" alt="" width="48" height="48" /> |
|||
</div> |
|||
<p class="c-card__desc">Stay up to date on products</p> |
|||
</a> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="c-form-section section__wrap" id="form"> |
|||
<h2 class="c-form-section__title"> |
|||
<span>Fill in the information below</span> |
|||
<span>and we will reply promptly</span> |
|||
</h2> |
|||
|
|||
<form class="c-form section-contact-form" action="#" method="post"> |
|||
<div class="c-form__grid"> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">Name *</span> |
|||
<input class="c-field__input" type="text" name="name" placeholder="Enter your name" autocomplete="name" /> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">Phone *</span> |
|||
<input class="c-field__input" type="tel" name="phone" placeholder="Enter your phone number" autocomplete="tel" /> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">Company *</span> |
|||
<input class="c-field__input" type="text" name="company" placeholder="Enter your company name" autocomplete="organization" /> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">Email *</span> |
|||
<input class="c-field__input" type="email" name="email" placeholder="Enter your email" autocomplete="email" /> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">Industry *</span> |
|||
<select class="c-field__input c-field__select" name="industry"> |
|||
<option value="" disabled selected>Select an industry</option> |
|||
<option value="Packaging machinery">Packaging machinery</option> |
|||
<option value="Machine tools">Machine tools</option> |
|||
<option value="3C electronics">3C electronics</option> |
|||
<option value="Other">Other</option> |
|||
</select> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">Business type *</span> |
|||
<select class="c-field__input c-field__select" name="bizType"> |
|||
<option value="" disabled selected>Select a business type</option> |
|||
<option value="Product inquiry">Product inquiry</option> |
|||
<option value="Technical support">Technical support</option> |
|||
<option value="Business cooperation">Business cooperation</option> |
|||
<option value="Other">Other</option> |
|||
</select> |
|||
</label> |
|||
<label class="c-field c-field--full"> |
|||
<span class="c-field__label">Inquiry description</span> |
|||
<input class="c-field__input" type="text" name="content" placeholder="Enter your inquiry" /> |
|||
</label> |
|||
</div> |
|||
|
|||
<label class="c-form__agree"> |
|||
<input type="checkbox" name="agree" /> |
|||
<span>I have read and agree to the Privacy Policy</span> |
|||
</label> |
|||
|
|||
<button class="c-form__submit" type="submit">Submit</button> |
|||
</form> |
|||
</section> |
|||
</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> |
|||
$(function () { |
|||
var $form = $('.section-contact-form'); |
|||
var $submitBtn = $form.find('.c-form__submit'); |
|||
var submitting = false; // 防重复提交标志 |
|||
|
|||
$form.on('submit', function (e) { |
|||
e.preventDefault(); |
|||
e.stopPropagation(); |
|||
if (submitting) return false; |
|||
|
|||
// 表单验证 |
|||
var name = $form.find('[name="name"]').val().trim(); |
|||
var phone = $form.find('[name="phone"]').val().trim(); |
|||
var company = $form.find('[name="company"]').val().trim(); |
|||
var email = $form.find('[name="email"]').val().trim(); |
|||
var industry = $form.find('[name="industry"]').val(); |
|||
var bizType = $form.find('[name="bizType"]').val(); |
|||
var agree = $form.find('[name="agree"]').prop('checked'); |
|||
|
|||
if (!name) { alert(t("contact.name_required")); return; } |
|||
if (!phone) { alert(t("contact.phone_required")); return; } |
|||
if (!company) { alert(t("contact.company_required")); return; } |
|||
if (!email) { alert(t("contact.email_required")); return; } |
|||
if (!industry) { alert('Please select an industry'); return; } |
|||
if (!bizType) { alert('Please select a business type'); return; } |
|||
if (!agree) { alert('Please read and agree to the Privacy Policy'); return; } |
|||
|
|||
// 收集表单数据（字段映射到数据库 hc_inquiry 表） |
|||
var content = $form.find('[name="content"]').val().trim(); |
|||
var data = { |
|||
contacts_name: name, // 联系人姓名 |
|||
phone: phone, // 联系人手机号 |
|||
company_name: company, // 客户名称 |
|||
email: email, // 邮箱 |
|||
telphone: bizType, // 固定电话字段存放业务类型 |
|||
explain: industry, // 询盘类型（所属行业） |
|||
content: content, // 询盘内容（咨询描述） |
|||
referer: 'website' // 询盘来源 |
|||
}; |
|||
|
|||
// 禁用提交按钮，防止重复提交 |
|||
submitting = true; |
|||
$submitBtn.prop("disabled", true).text(t("contact.submitting")); |
|||
|
|||
// 发送请求 |
|||
$.ajax({ |
|||
url: '/inquiry/save', |
|||
type: 'POST', |
|||
contentType: 'application/json', |
|||
data: JSON.stringify(data), |
|||
success: function (res) { |
|||
if (res.code === 0 || res.code === 200) { |
|||
$form[0].reset(); |
|||
showFormToast(t("contact.success")); |
|||
} else { |
|||
alert(res.msg || t("contact.fail")); |
|||
} |
|||
}, |
|||
error: function () { |
|||
alert(t("contact.network_error")); |
|||
}, |
|||
complete: function () { |
|||
submitting = false; |
|||
$submitBtn.prop("disabled", false).text(t("contact.submit")); |
|||
} |
|||
}); |
|||
|
|||
return false; |
|||
}); |
|||
|
|||
// 表单提交成功提示 |
|||
var $toast = null; |
|||
var toastTimer = null; |
|||
function showFormToast(msg) { |
|||
if (!$toast) { |
|||
$toast = $( |
|||
'<div class="form-toast">' + |
|||
' <svg viewBox="0 0 24 24" width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg">' + |
|||
' <circle cx="12" cy="12" r="10.5" stroke="currentColor" stroke-width="1.5"/>' + |
|||
' <path d="M7.5 12.5L10.5 15.5L16.5 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>' + |
|||
' </svg>' + |
|||
' <span class="form-toast__text"></span>' + |
|||
'</div>' |
|||
); |
|||
$('body').append($toast); |
|||
} |
|||
$toast.find('.form-toast__text').text(msg); |
|||
$toast.addClass('form-toast--show'); |
|||
clearTimeout(toastTimer); |
|||
toastTimer = setTimeout(function () { |
|||
$toast.removeClass('form-toast--show'); |
|||
}, 3000); |
|||
} |
|||
}); |
|||
</script> |
|||
<style> |
|||
.form-toast { |
|||
position: fixed; |
|||
left: 50%; |
|||
top: 40px; |
|||
transform: translate(-50%, -16px); |
|||
z-index: 9999; |
|||
display: flex; |
|||
align-items: center; |
|||
gap: 10px; |
|||
padding: 14px 24px; |
|||
border-radius: 8px; |
|||
background: #fff; |
|||
color: var(--color-primary); |
|||
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); |
|||
font-size: 15px; |
|||
opacity: 0; |
|||
visibility: hidden; |
|||
pointer-events: none; |
|||
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; |
|||
} |
|||
.form-toast--show { |
|||
opacity: 1; |
|||
visibility: visible; |
|||
transform: translate(-50%, 0); |
|||
} |
|||
.form-toast__text { |
|||
color: var(--color-text); |
|||
} |
|||
</style> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,35 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/xinwen.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="xiangqingBlock"> |
|||
<div class="w1400"> |
|||
<div class="tit">{$hc_content.title}</div> |
|||
<div class="time"><img src="/themes/static/images/xiangqingBlockIco.png" alt="">{:date('Y.m.d', strtotime($hc_content['publish_time']))}</div> |
|||
<div class="content"> |
|||
{$hc_content.content|raw} |
|||
</div> |
|||
<div class="page"> |
|||
<div class="left"> |
|||
<p>{hcTaglib:preContent /}</p> |
|||
<p>{hcTaglib:nextContent /}</p> |
|||
</div> |
|||
<a href="/news.html" class="btn">返回列表</a> |
|||
<!-- {hcTaglib:backList cid="1" /} --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,163 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
{php}$download_keywords = input('keywords', '');{/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/download.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/download.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<main class="main-download" data-header-dark data-nav="服务支持"> |
|||
<div class="d-page section__wrap"> |
|||
<div class="d-head"> |
|||
<h1 class="d-head__title">{$current_cate.title}</h1> |
|||
<p class="d-head__desc">{$current_cate.description}</p> |
|||
</div> |
|||
<div class="d-toolbar"> |
|||
<div class="d-tabs" role="tablist" aria-label="Resource categories"> |
|||
{php} |
|||
$download_cid = (string)input('cid', ''); |
|||
$download_all_id = (string)($current_cate['id'] ?? ''); |
|||
if ($download_cid === '') { |
|||
$download_cid = $download_all_id; |
|||
} |
|||
$download_keywords = (string)input('keywords', ''); |
|||
{/php} |
|||
<button type="button" class="d-tabs__item{if $download_cid == $download_all_id} is-active{/if}" role="tab" data-tab="{$current_cate.id}" aria-selected="{if $download_cid == $download_all_id}true{else /}false{/if}">All</button> |
|||
{volist name="sub_cates" id="vo"} |
|||
{php} |
|||
$count = getCategoryChildrenCount($vo['id']); |
|||
$vo_id = (string)($vo['id'] ?? ''); |
|||
$group_active = false; |
|||
$group_label = $vo['title'] ?? ''; |
|||
if ($count > 0) { |
|||
$group_children = (new \app\model\Category())->where('parent_id', $vo['id'])->field('id,title')->select()->toArray(); |
|||
foreach ($group_children as $gc) { |
|||
if ((string)($gc['id'] ?? '') === $download_cid) { |
|||
$group_active = true; |
|||
$group_label = $gc['title'] ?? $group_label; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
{/php} |
|||
{if $count > 0} |
|||
<div class="d-tabs__group"> |
|||
<button type="button" class="d-tabs__item{if $group_active} is-active{/if}" role="tab" aria-selected="{if $group_active}true{else /}false{/if}" aria-expanded="false" data-dropdown-trigger data-tab="{$vo.id}"> |
|||
<span>{$group_label}</span> |
|||
<svg class="d-tabs__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true"> |
|||
<path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" /> |
|||
</svg> |
|||
</button> |
|||
<div class="d-tabs__dropdown" data-dropdown hidden> |
|||
{hcTaglib:subcategory pid="$vo.id" item="child" sort=""} |
|||
<button type="button" class="d-tabs__dropdown-item{if $download_cid == $child['id']} is-active{/if}" data-tab="{$child.id}">{$child.title}</button> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
{else} |
|||
<button type="button" class="d-tabs__item{if $download_cid == $vo_id} is-active{/if}" role="tab" aria-selected="{if $download_cid == $vo_id}true{else /}false{/if}" data-tab="{$vo.id}">{$vo.title}</button> |
|||
{/if} |
|||
{/volist} |
|||
</div> |
|||
<form class="s-search" role="search" data-tab-search> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="keywords" value="{$download_keywords}" placeholder="Search files to download" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">Search</button> |
|||
</form> |
|||
</div> |
|||
<div class="d-list"> |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="12" item="vo" sort="sort desc"} |
|||
{php}$dl_file = $vo['url'] ?? ($vo['thumbnail']['url'] ?? '');{/php} |
|||
<div class="d-item"> |
|||
<a class="d-item__main" href="{$dl_file}" target="_blank" rel="noopener" title="Preview"> |
|||
<img class="d-item__pdf" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='PDF%201'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='矢量%20508'%20d='M28.1766%2028.9602C28.1766%2029.3602%2028.0164%2029.7441%2027.7285%2030.032C27.4402%2030.3199%2027.0566%2030.4801%2026.6562%2030.4801L5.32852%2030.4801C4.92852%2030.4801%204.52852%2030.3199%204.25664%2030.032C3.96875%2029.7437%203.80859%2029.3602%203.80859%2028.9602L3.80859%201.51992C3.80859%201.11992%203.96836%200.719922%204.25664%200.448047C4.52852%200.160156%204.92891%200%205.32852%200L18.4168%200C18.8168%200%2019.2168%200.160156%2019.5047%200.448047L27.7445%208.68828C28.0324%208.97617%2028.1926%209.36016%2028.1926%209.77617L28.1926%2028.9602L28.1766%2028.9602Z'%20fill='rgb(235,236,240)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20509'%20d='M28.1766%2028.96L28.1766%2030.4799C28.1766%2030.8799%2028.0164%2031.2799%2027.7285%2031.5518C27.4402%2031.84%2027.0566%2031.9998%2026.6562%2031.9998L5.32852%2031.9998C4.48047%2031.9998%203.80859%2031.3119%203.80859%2030.4799L3.80859%2028.96C3.80859%2029.36%203.96836%2029.7439%204.25664%2030.0318C4.54453%2030.3197%204.92852%2030.4799%205.32852%2030.4799L26.6566%2030.4799C27.5047%2030.4799%2028.1766%2029.792%2028.1766%2028.96L28.1766%2028.96Z'%20fill='rgb(193,199,208)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20510'%20d='M3.80781%2016.7682L3.80781%2013.7119L0.751953%2016.7682L3.80781%2016.7682ZM28.1758%2016.7682L28.2078%2013.7119L31.2477%2016.7682L28.1758%2016.7682L28.1758%2016.7682Z'%20fill='rgb(211,0,0)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20511'%20d='M28.1762%209.77617L28.1762%209.98398L19.9359%209.98398C19.0879%209.98398%2018.416%209.29609%2018.416%208.46406L18.416%200C18.816%200%2019.216%200.160156%2019.5039%200.448047L27.7602%208.68828C28.032%208.97617%2028.1922%209.36016%2028.1762%209.77617Z'%20fill='rgb(193,199,208)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20512'%20d='M15.7164%2019.0972L14.4629%2019.0972L14.4629%2023.5655L15.6941%2023.5655C17.0926%2023.5655%2017.8484%2022.7776%2017.8484%2021.2577C17.8484%2019.9351%2017.157%2019.1147%2015.7164%2019.0972ZM8.59219%2019.0995L6.79883%2019.0995L6.79883%2020.9983L8.59219%2020.9983C9.32695%2020.9983%209.79141%2020.7464%209.79141%2020.0362C9.79141%2019.4573%209.43555%2019.0995%208.59219%2019.0995L8.59219%2019.0995Z'%20fill='rgb(255,29,29)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20513'%20d='M0.767578%2016.7681L0.767578%2024.3681C0.767578%2024.7841%200.927344%2025.1681%201.21562%2025.456C1.4875%2025.7442%201.8875%2025.904%202.2875%2025.904L29.7117%2025.904C30.5438%2025.904%2031.2316%2025.2321%2031.2316%2024.3841L31.2316%2016.7681L0.767578%2016.7681ZM8.72617%2022.3454L6.79844%2022.3454L6.79844%2024.9103L5.05469%2024.9103L5.05469%2017.7618L8.75352%2017.7618C10.4156%2017.7618%2011.5207%2018.6021%2011.5207%2020.0087C11.5207%2021.4153%2010.4797%2022.3454%208.72617%2022.3454L8.72617%2022.3454ZM15.9223%2024.9103L12.7277%2024.9103L12.7277%2017.7618L15.959%2017.7618C18.3676%2017.7618%2019.6855%2019.3251%2019.6855%2021.211C19.6855%2023.4993%2018.0027%2024.9103%2015.9223%2024.9103ZM26.9953%2019.1419L22.8473%2019.1419L22.8473%2020.7677L26.7164%2020.7677L26.7164%2022.1579L22.8473%2022.1579L22.8473%2024.9099L21.1125%2024.9099L21.1125%2017.7614L26.9953%2017.7614L26.9953%2019.1415L26.9953%2019.1419Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20514'%20d='M8.75313%2017.7617L5.05469%2017.7617L5.05469%2024.9102L6.79844%2024.9102L6.79844%2022.3453L8.72617%2022.3453C10.4797%2022.3453%2011.5207%2021.4703%2011.5207%2020.0086C11.5207%2018.5469%2010.4156%2017.7617%208.75352%2017.7617L8.75313%2017.7617ZM8.59141%2020.9984L6.79805%2020.9984L6.79805%2019.0996L8.59141%2019.0996C9.43477%2019.0996%209.79063%2019.4574%209.79063%2020.0363C9.79063%2020.7461%209.32578%2020.9984%208.59141%2020.9984L8.59141%2020.9984ZM15.959%2017.7617L12.7277%2017.7617L12.7277%2024.9102L15.9223%2024.9102C18.0027%2024.9102%2019.6855%2023.4992%2019.6855%2021.2109C19.6855%2019.325%2018.368%2017.7617%2015.959%2017.7617ZM15.6934%2023.5656L14.4621%2023.5656L14.4621%2019.0973L15.7156%2019.0973C17.1559%2019.1152%2017.8477%2019.9355%2017.8477%2021.2578C17.8477%2022.7777%2017.0918%2023.5656%2015.6934%2023.5656ZM21.1125%2024.9102L22.8473%2024.9102L22.8473%2022.1582L26.7164%2022.1582L26.7164%2020.768L22.8473%2020.768L22.8473%2019.1422L26.9953%2019.1422L26.9953%2017.7617L21.1125%2017.7617L21.1125%2024.9102Z'%20fill='rgb(255,255,255)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" alt="" width="32" height="32" /> |
|||
<span class="d-item__name">{$vo.title}</span> |
|||
</a> |
|||
<a class="d-item__action" href="{$dl_file}" download="{$vo.title}"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='容器%20520'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M16.6667%209.33301L22%209.33301L22%2021.9997L2%2021.9997L2%209.33301L7.33333%209.33301'%20fill-rule='nonzero'%20stroke='rgb(46,53,58)'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='矢量%20487'%20d='M16%2014L12%2018L8%2014M12%202L12%2018'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<span>Download</span> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
</div> |
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = 'No matching resources'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,135 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/faq.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/faq.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-faq" data-header-dark data-nav="服务支持"> |
|||
<div class="f-page section__wrap"> |
|||
<div class="f-head"> |
|||
<h1 class="f-head__title">{$current_cate.title}</h1> |
|||
<p class="f-head__desc">{$current_cate.description}</p> |
|||
</div> |
|||
|
|||
<div class="f-toolbar"> |
|||
{php} |
|||
$filter_cid = (string)input('cid', ''); |
|||
$filter_all_id = (string)($current_cate['id'] ?? ''); |
|||
if ($filter_cid === '') { |
|||
$filter_cid = $filter_all_id; |
|||
} |
|||
$filter_keywords = (string)input('keywords', ''); |
|||
{/php} |
|||
<div class="f-tabs" role="tablist" aria-label="FAQ categories"> |
|||
<button type="button" class="f-tabs__item{if $filter_cid == $filter_all_id} is-active{/if}" role="tab" data-tab="{$current_cate.id}" aria-selected="{if $filter_cid == $filter_all_id}true{else /}false{/if}">All</button> |
|||
{volist name="sub_cates" id="vo"} |
|||
{php}$vo_id = (string)($vo['id'] ?? '');{/php} |
|||
<button type="button" class="f-tabs__item{if $filter_cid == $vo_id} is-active{/if}" role="tab" data-tab="{$vo.id}" aria-selected="{if $filter_cid == $vo_id}true{else /}false{/if}">{$vo.title}</button> |
|||
{/volist} |
|||
</div> |
|||
<form class="s-search" role="search" data-tab-search> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="keywords" value="{$filter_keywords}" placeholder="Search FAQ keywords" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">Search</button> |
|||
</form> |
|||
</div> |
|||
|
|||
<div class="f-list"> |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="10" item="vo"} |
|||
<div class="f-item"> |
|||
<button type="button" class="f-item__trigger" aria-expanded="true"> |
|||
<span class="f-item__q"> |
|||
<span class="f-item__dot" aria-hidden="true"></span> |
|||
<span class="f-item__title">{$vo.title}</span> |
|||
</span> |
|||
<span class="f-item__icon" aria-hidden="true"></span> |
|||
</button> |
|||
<div class="f-item__panel"> |
|||
<p class="f-item__a"> |
|||
{$vo.content|strip_tags} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = 'No matching FAQs'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,288 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/investment.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/investment.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<main class="main-investment" data-nav="投资者关系"> |
|||
<section class="iv-hero"> |
|||
<div class="iv-hero__title section__wrap" data-header-dark> |
|||
<h1> |
|||
<span>{$current_cate.content|raw}</span> |
|||
</h1> |
|||
</div> |
|||
<div class="iv-hero__media" aria-hidden="true"> |
|||
<img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" /> |
|||
</div> |
|||
</section> |
|||
{php} |
|||
$ui_invest_info = uiId('invest_info'); |
|||
$ui_invest_announce = uiId('invest_announce'); |
|||
$ui_invest_stock = uiId('invest_stock'); |
|||
$ui_invest_learn = uiId('invest_learn'); |
|||
$ui_invest_hotline = uiId('invest_hotline'); |
|||
{/php} |
|||
{hcTaglib:category id="$ui_invest_info" item="vo" field="*"} |
|||
{php} |
|||
$descStr = $vo['description'] ?? ''; |
|||
$infoList = []; |
|||
$pairs = explode('#', $descStr); |
|||
foreach ($pairs as $pair) { |
|||
$parts = explode(';', $pair, 2); |
|||
if (count($parts) === 2) { |
|||
$infoList[] = ['label' => trim($parts[0]), 'value' => trim($parts[1])]; |
|||
} |
|||
} |
|||
{/php} |
|||
<section class="iv-info section__wrap" id="info" data-header-dark> |
|||
<h2 class="iv-info__title">{$vo.title}</h2> |
|||
<div class="iv-info__grid"> |
|||
{volist name="infoList" id="info" key="k"} |
|||
<div class="iv-info__item{if condition='$k == count($infoList)'} iv-info__item--full{/if}"> |
|||
<span class="iv-info__label">{$info.label}</span> |
|||
<strong class="iv-info__value">{$info.value}</strong> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:category id="$ui_invest_announce" item="vo" field="*"} |
|||
<section class="iv-announce section__wrap" id="announce" data-header-dark> |
|||
<div class="iv-announce__head"> |
|||
<h2 class="iv-announce__title">{$vo.title}</h2> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div class="iv-announce__swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:contentPage cid="$ui_invest_announce" mainField="*" subField="*" name="hc_content" limit="12" item="vo"} |
|||
<article class="swiper-slide iv-announce__card"> |
|||
<time class="iv-announce__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time> |
|||
<h3 class="iv-announce__name">{$vo.title}</h3> |
|||
<a class="iv-announce__link" href="{$vo.url ?? ''}" target="_blank"> |
|||
<span>View details</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> |
|||
</a> |
|||
</article> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
</div> |
|||
<div class="iv-announce__arrows-mobile"> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:category id="$ui_invest_stock" item="vo" field="*"} |
|||
<section class="iv-stock section__wrap" id="stock" data-header-dark> |
|||
<h2 class="iv-stock__title">{$vo.title}</h2> |
|||
<div class="iv-stock__body"> |
|||
<div class="iv-stock__data"> |
|||
<p class="iv-stock__code">Stock code: {$stockInfo.code}</p> |
|||
<div class="iv-stock__quote" data-stock-quote data-stock-code="603933"> |
|||
<span class="iv-stock__price" id="stock-price" data-stock="price" style="{$priceColor}">{$stockInfo.price}</span> |
|||
<span class="iv-stock__unit" data-stock="unit" style="{$priceColor}">Yuan</span> |
|||
<span class="iv-stock__change" id="stock-change" data-stock="change" style="{$priceColor}">{$stockInfo.change} {$stockInfo.changePercent}</span> |
|||
</div> |
|||
<ul class="iv-stock__metrics"> |
|||
<li> |
|||
<span class="iv-stock__metric-label">High (Yuan)</span> |
|||
<strong class="iv-stock__metric-value" id="stock-high" data-stock="high">{$stockInfo.high}</strong> |
|||
</li> |
|||
<li> |
|||
<span class="iv-stock__metric-label">Low (Yuan)</span> |
|||
<strong class="iv-stock__metric-value" id="stock-low" data-stock="low">{$stockInfo.low}</strong> |
|||
</li> |
|||
<li> |
|||
<span class="iv-stock__metric-label">Volume (10k lots)</span> |
|||
<strong class="iv-stock__metric-value" id="stock-volume" data-stock="volume">{$stockInfo.volume}</strong> |
|||
</li> |
|||
<li> |
|||
<span class="iv-stock__metric-label">Turnover (CNY 10k)</span> |
|||
<strong class="iv-stock__metric-value" id="stock-amount" data-stock="amount">{$stockInfo.amount}</strong> |
|||
</li> |
|||
</ul> |
|||
<p class="iv-stock__note" id="stock-time" data-stock="time">As of {$stockInfo.updateTime}* Quotes delayed by 15 minutes or more.</p> |
|||
</div> |
|||
<div class="iv-stock__chart"> |
|||
<img id="stock-chart" data-stock="chart" src="https://image.sinajs.cn/newchart/min/n/sh603933.gif" alt="RAYNEN intraday chart" width="720" height="450" /> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_invest_learn" item="vo" field="*"} |
|||
<section class="iv-learn section__wrap" id="learn" data-header-dark> |
|||
<h2 class="iv-learn__title">{$vo.title}</h2> |
|||
<div class="iv-learn__body"> |
|||
<ul class="iv-learn__list"> |
|||
{hcTaglib:contentPage cid="$ui_invest_learn" mainField="*" subField="*" name="hc_content" limit="12" item="vo"} |
|||
<a class="iv-learn__item" href="{$vo.url ?? ''}" target="_blank"> |
|||
<time class="iv-learn__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time> |
|||
<h3 class="iv-learn__name">{$vo.title}</h3> |
|||
<span class="iv-learn__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> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
<button type="button" class="iv-learn__more" aria-label="Show more"> |
|||
<span class="iv-learn__more-icon iv-learn__more-icon--up" aria-hidden="true"> |
|||
<svg viewBox="0 0 11.2734 6.90918" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.273438" height="6.909180" fill="none"> |
|||
<path id="矢量 2" d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" stroke="currentColor" stroke-width="1.800000" /> |
|||
</svg> |
|||
|
|||
</span> |
|||
<span class="iv-learn__more-icon iv-learn__more-icon--down" aria-hidden="true"> |
|||
<svg viewBox="0 0 11.2734 6.90918" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.273438" height="6.909180" fill="none"> |
|||
<path id="矢量 2" d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" stroke="currentColor" stroke-width="1.800000" /> |
|||
</svg> |
|||
|
|||
</span> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_invest_hotline" item="vo" field="*"} |
|||
<section class="iv-hotline" id="hotline"> |
|||
<div class="iv-hotline__bg" aria-hidden="true"> |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="1920" height="800" /> |
|||
</div> |
|||
<div class="iv-hotline__inner section__wrap"> |
|||
<h2 class="iv-hotline__title">{$vo.title}</h2> |
|||
<ul class="iv-hotline__list"> |
|||
<li class="iv-hotline__item"> |
|||
<div class="iv-hotline__row"> |
|||
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='location'%3e%3cpath%20id='Vector'%20d='M11.9989%2013.4299C10.2758%2013.4299%208.87891%2012.0331%208.87891%2010.3099C8.87891%208.58681%2010.2758%207.18994%2011.9989%207.18994C13.722%207.18994%2015.1189%208.58681%2015.1189%2010.3099C15.1189%2012.0331%2013.722%2013.4299%2011.9989%2013.4299Z'%20stroke='rgb(255,255,255)'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M20.3817%208.5C21.5317%2013.58%2018.3717%2017.88%2015.6017%2020.54C13.5917%2022.48%2010.4117%2022.48%208.39166%2020.54C5.63166%2017.88%202.47166%2013.57%203.62166%208.49C5.59166%20-0.169998%2018.4217%20-0.159997%2020.3817%208.5Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20transform='matrix(-1,-1.22465e-16,1.22465e-16,-1,24,24)'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" |
|||
height="24" /> |
|||
<span class="iv-hotline__label">Address</span> |
|||
</div> |
|||
<p class="iv-hotline__value">{hcTaglib:setting name="company_address" type="1" /}</p> |
|||
</li> |
|||
<li class="iv-hotline__item"> |
|||
<div class="iv-hotline__row"> |
|||
<img class="iv-hotline__icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADg0lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMovjPhXgA28eBzwIeDNwKfI6kXZ4P2x8NvBXw18BvS/oZnhfimWw/GPgt4DhwK/DSwF9LehmeD9sfDbwV8NLAceBW4GMk/TTPhngm20/nireR9Ne23wb4SeCrJX0ML4Tt9wY+C3gw8NmSPocrEIDttwZ+CnhvSd/DM9n+KuCjgdeR9Ns8gO3jwHFJtwLYfjDwVcBbA28j6acBBGD7q4H3knSCB7B9HPgrrngZSbs8k+2fAt4a+GvgbSTdavs48FcAkh4CIADbvwUg6XV4LrZfG/gt4LMlfQ7PZPvBwGsDn8UVryPpVtuvDfwW8DqSflsAtr8beC1JD+H5sH0R+G5JH8Nzsf1g4K+Av5b0OgC2LwLfLeljBGD7s4HPAk5I2uUBbH8X8N7A60j6bZ4P2x8NfBVwQtKu7b8CbpX0NgKw/WDg6cBHS/oansn2ewPfBXy2pM/hBbB9HPgu4GMk3Wr7owEkfbV4Jtu/BTxY0kN4JtvvDXwX8NGSvoZ/PcQz2X5t4LeAj5b0NTyT7d8CXhp4HUl/zb8O4gFs/xTw2sDLSLoVwPaDgd/iiteRdCsvOsQD2H4w8FfALvAyknYBbD8Y+C2ueBtJfw1g+7WBjwL+GvgeSbfynBDPxfZLA38F/Lak1+GZbD8Y+C3gOPDZwHHgs4FbgQcDtwLvI+m3eTbE82H7vYHvAr5a0sfwTLYfDHwX8Npc8dmSPsf2g4HfAh4MfLakz+EKxAtg+7OBzwK+WtLH8AC23xu4VdJv8wC2vwr4aOCvgdeRtCteCNufDXwW8NfA20i6lX+B7fcGvgr4bkkfI/4Ftj8a+CrgVuB1JN3Kv8D204HflvQ+4kVg+6WBnwIeDHw18DWSbuX5sP1g4OnAe0v6HvEisv1g4LOA9wZuBT4b+B1Jt/JMtt8b+CpgV9JDAMS/ku3XBj4LeG2u+GuueDBwHLgVeB1JtwKIfyPbDwbeGngtrngG8NuSfppnQ/zn4h8BWVcuKBEKB/4AAAAASUVORK5CYII=" alt="" width="24" |
|||
height="24" /> |
|||
<span class="iv-hotline__label">{$vo.title}</span> |
|||
</div> |
|||
<p class="iv-hotline__value"> |
|||
<a href="">{$vo.description}</a> |
|||
</p> |
|||
</li> |
|||
<li class="iv-hotline__item"> |
|||
<div class="iv-hotline__row"> |
|||
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='printer'%3e%3cpath%20id='Vector'%20d='M16.75%207L16.75%205C16.75%203%2016%202%2013.75%202L10.25%202C8%202%207.25%203%207.25%205L7.25%207L16.75%207Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M16%2019C16%2021%2015%2022%2013%2022L11%2022C9%2022%208%2021%208%2019L8%2015L16%2015L16%2019Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M21%2015C21%2017%2020%2018%2018%2018L16%2018L16%2015L8%2015L8%2018L6%2018C4%2018%203%2017%203%2015L3%2010C3%208%204%207%206%207L18%207C20%207%2021%208%2021%2010L21%2015Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%2015L15.79%2015L7%2015'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M7%2011L10%2011'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<span class="iv-hotline__label">Fax</span> |
|||
</div> |
|||
<p class="iv-hotline__value">{$vo.desc}</p> |
|||
</li> |
|||
<li class="iv-hotline__item"> |
|||
<div class="iv-hotline__row"> |
|||
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='sms-tracking'%3e%3cpath%20id='Vector'%20d='M2%208.5C2%205%204%203.5%207%203.5L17%203.5C20%203.5%2022%205%2022%208.5L22%2015.5C22%2019%2020%2020.5%2017%2020.5L7%2020.5'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%209L13.87%2011.5C12.84%2012.32%2011.15%2012.32%2010.12%2011.5L7%209'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M2%2016.5L8%2016.5'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M2%2012.5L5%2012.5'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<span class="iv-hotline__label">Email</span> |
|||
</div> |
|||
<p class="iv-hotline__value"> |
|||
<a href="mailto:investor@raynen.cn">{hcTaglib:setting name="company_email" type="1" /}</a> |
|||
</p> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
</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> |
|||
@ -1,157 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/anli.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="anliBlock"> |
|||
<div class="anliTit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>房地产案例</p> |
|||
<div class="tips">宅极慧iHM广泛应用于房地产领域，打造完善的智能家居整体解决方案</div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper anliBlockSwiper" > |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="195" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="left"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
{volist name="$case_top.main_content.atlas" id="vo" } |
|||
<div class="list"> |
|||
<img src="{$vo.url}" alt=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"></div> |
|||
<div class="swiper-button-prev"></div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div thumbsSlider="" class="swiper anliBlockSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="196" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="anliBlock2"> |
|||
<div class="anliTit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>酒店案例</p> |
|||
<div class="tips">宅极慧iHM广泛应用于酒店领域，打造先进酒店客房控制系统</div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper anliBlockSwiper" > |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="197" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="left"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
{volist name="$case_top.main_content.atlas" id="vo" } |
|||
<div class="list"> |
|||
<img src="{$vo.url}" alt=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"></div> |
|||
<div class="swiper-button-prev"></div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div thumbsSlider="" class="swiper anliBlockSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="198" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".anliBlock .anliBlockSwiper2", { |
|||
autoplay: { |
|||
delay: 3000, |
|||
stopOnLastSlide: false, |
|||
disableOnInteraction: false, |
|||
}, |
|||
loop: true, |
|||
spaceBetween: 20, |
|||
slidesPerView: 2, |
|||
watchSlidesProgress: true, |
|||
breakpoints:{ |
|||
996:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: 5, |
|||
}, |
|||
} |
|||
}); |
|||
var swiper2 = new Swiper(".anliBlock .anliBlockSwiper", { |
|||
|
|||
spaceBetween: 10, |
|||
navigation: { |
|||
nextEl: ".anliBlock .swiper-button-next", |
|||
prevEl: ".anliBlock .swiper-button-prev", |
|||
}, |
|||
}); |
|||
var swiper3 = new Swiper(".anliBlock2 .anliBlockSwiper2", { |
|||
autoplay: { |
|||
delay: 3000, |
|||
stopOnLastSlide: false, |
|||
disableOnInteraction: false, |
|||
}, |
|||
loop: true, |
|||
spaceBetween: 20, |
|||
slidesPerView: 2, |
|||
watchSlidesProgress: true, |
|||
breakpoints:{ |
|||
996:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: 5, |
|||
}, |
|||
} |
|||
}); |
|||
var swiper4 = new Swiper(".anliBlock2 .anliBlockSwiper", { |
|||
|
|||
spaceBetween: 10, |
|||
navigation: { |
|||
nextEl: ".anliBlock2 .swiper-button-next", |
|||
prevEl: ".anliBlock2 .swiper-button-prev", |
|||
}, |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,111 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/xinwen.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<?php |
|||
$page = (int)request() -> param('page'); |
|||
?> |
|||
<!-- 正文 --> |
|||
<div class="xinwenBlock"> |
|||
{if empty($page) || $page<=1 } |
|||
{hcTaglib:content cid="186" moduleId="1" name="news" limit="2" onlyData="1"} |
|||
<div class="w1400 top"> |
|||
{volist name="news" id="vo" length="1" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list first"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.thumbnail.description}"> |
|||
<span></span> |
|||
</div> |
|||
<div class="tit"> |
|||
<span>{$vo.title}</span> |
|||
<div class="tipsFirst">{$vo.description}</div> |
|||
<div class="time">{$vo.publish_time|date="Y-m-d"}</div> |
|||
</div> |
|||
</a> |
|||
{/volist} |
|||
{volist name="news" id="vo" length="1" offset="1" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt=""> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vo.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vo.description} |
|||
</div> |
|||
<div class="time">{$vo.publish_time|date="Y-m-d"}</div> |
|||
</div> |
|||
</a> |
|||
{/volist} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
<div class="w1400"> |
|||
{hcTaglib:contentPage cid="186" moduleId="1" name="newsList" limit="8" len="6" offset="2" item="vv" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vv.thumbnail.url|default=''}" alt="{$vv.thumbnail.description}"> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vv.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vv.description} |
|||
</div> |
|||
<div class="time">{$vv.publish_time|date='Y-m-d'}</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
<ul class="pagination"> |
|||
<ul class="pagination"> |
|||
{$newsList|raw} |
|||
</ul> |
|||
</ul> |
|||
{else /} |
|||
|
|||
<div class="w1400"> |
|||
{hcTaglib:contentPage cid="186" name="news" item="vv" limit="8"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vv.thumbnail.url|default=''}" alt="{$vv.thumbnail.description}"> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vv.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vv.description} |
|||
</div> |
|||
<div class="time">{$vv.publish_time|date='Y-m-d'}</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
|
|||
<ul class="pagination"> |
|||
{$news|raw} |
|||
</ul> |
|||
{/if} |
|||
|
|||
|
|||
|
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,217 @@ |
|||
<!doctype html> |
|||
<html lang="en"> |
|||
{php} // TDK设置 ================================= START |
|||
$tdk_title = $hc_content['seo_title'] ?? ''; |
|||
if(empty($tdk_title)){ |
|||
$tdk_title = $hc_content['title'] ?? 'Search results'; |
|||
} |
|||
$tdk_description = $hc_content['seo_description'] ?? ''; |
|||
if(empty($tdk_description)){ |
|||
$tdk_description = $hc_content['sub_title'] ?? ''; |
|||
} |
|||
$tdk_keywords = $hc_content['seo_keywords'] ?? ''; |
|||
if(empty($tdk_keywords)){ |
|||
$tdk_keywords = $hc_content['sub_title'] ?? ''; |
|||
} |
|||
|
|||
$create_time_str = $hc_content['create_time'] ?? ''; |
|||
$hc_content_tmp_news = $hc_content; |
|||
// dd($hc_content); |
|||
// dd($create_time_int); |
|||
// TDK设置 ================================= END {/php} |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>{$tdk_title}</title> |
|||
<meta name="keywords" content="{$tdk_keywords}" /> |
|||
<meta name="description" content="{$tdk_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/news-detail.js"></script> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js" /> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/news2.js" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/news-detail.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-news-detail" data-header-dark data-nav="新闻动态"> |
|||
<div class="nd-page"> |
|||
<div class="nd-layout"> |
|||
<nav class="nd-breadcrumb" aria-label="Breadcrumb"> |
|||
<a class="nd-breadcrumb__link" href="{:getMuiLangUrl('/')}">Home</a> |
|||
<span class="nd-breadcrumb__sep" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
<!-- 获取父级分类 --> |
|||
{php} |
|||
$parent_cate_url = ''; |
|||
{/php} |
|||
{hcTaglib:category id="$current_cate['parent_id']" item="vo" field="*"} |
|||
<a class="nd-breadcrumb__link" href="{$vo.alias}">{$vo.title}</a> |
|||
{php} |
|||
$parent_cate_url = $vo['alias']; |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
|
|||
{if $current_cate['id'] != uiId('news')} |
|||
<span class="nd-breadcrumb__sep" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
<span class="nd-breadcrumb__current">{$current_cate['title']}</span> |
|||
{/if} |
|||
|
|||
</nav> |
|||
|
|||
<a class="nd-back" href="javascript:history.back();" aria-label="Back"> |
|||
<span class="nd-back__icon" aria-hidden="true"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2014.0703%2011.3135'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='14.070312'%20height='11.313477'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M6.9994%201.41422L8.41362%200L12.656%204.2424L12.6561%204.2423L14.0703%205.65652L14.0702%205.65662L14.0705%205.65686L12.6563%207.07108L12.656%207.07082L8.41346%2011.3134L6.99924%209.89916L10.3126%206.5858L0%206.5858L0%204.5858L10.171%204.5858L6.9994%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="14" |
|||
height="11" |
|||
/> |
|||
</span> |
|||
<span class="nd-back__text">Back</span> |
|||
</a> |
|||
|
|||
<article class="nd-article"> |
|||
<header class="nd-article__header"> |
|||
<h1 class="nd-article__title">{$hc_content_tmp_news['title']}</h1> |
|||
<time class="nd-article__date" datetime="{$create_time_str}">{:date('Y-m-d',strtotime($create_time_str)) ?? ''}</time> |
|||
</header> |
|||
|
|||
<div class="nd-richtext"> |
|||
{$hc_content_tmp_news['content']|raw} |
|||
</div> |
|||
|
|||
<nav class="nd-pager" aria-label="Previous and next articles"> |
|||
{php} |
|||
// 与 HcTaglib::tagPreContent / tagNextContent 一致，只查相邻一篇 |
|||
$id = (int)request()->param('id'); |
|||
$cid = (int)request()->param('cid'); |
|||
if ($cid <= 0) { |
|||
$cid = (int)($current_cate['id'] ?? ($hc_content['category_id'] ?? 0)); |
|||
} |
|||
$sellerId = (int)($hc_content['seller_id'] ?? 1); |
|||
$siteId = (int)($current_cate['website_id'] ?? 1); |
|||
$lang = (string)($current_cate['lang'] ?? ($hc_content['lang'] ?? 'zh')); |
|||
$preContent = \app\service\ContentService::getPreContent([ |
|||
'id' => $id, |
|||
'cid' => $cid, |
|||
'seller_id' => $sellerId, |
|||
'website_id' => $siteId, |
|||
'lang' => $lang, |
|||
]); |
|||
$nextContent = \app\service\ContentService::getNextContent([ |
|||
'id' => $id, |
|||
'cid' => $cid, |
|||
'seller_id' => $sellerId, |
|||
'website_id' => $siteId, |
|||
'lang' => $lang, |
|||
]); |
|||
$preId = 0; |
|||
$preTitle = ''; |
|||
$preCid = $cid; |
|||
if (!empty($preContent)) { |
|||
$preId = (int)$preContent['id']; |
|||
$preTitle = $preContent['title']; |
|||
} |
|||
$nextId = 0; |
|||
$nextTitle = ''; |
|||
$nextCid = $cid; |
|||
if (!empty($nextContent)) { |
|||
$nextId = (int)$nextContent['id']; |
|||
$nextTitle = $nextContent['title']; |
|||
} |
|||
{/php} |
|||
{if condition="empty($preId)"} |
|||
<a class="nd-pager__item nd-pager__item--prev" href="javascript:;"> |
|||
<span class="nd-pager__label" title="None">Previous: None</span> |
|||
</a> |
|||
{else /} |
|||
<a class="nd-pager__item nd-pager__item--prev" href="{:hcUrl('Detail/index',['id'=>$preId,'cid'=>$preCid])}"> |
|||
<span class="nd-pager__label" title="{$preTitle}">Previous: {$preTitle}</span> |
|||
</a> |
|||
{/if} |
|||
{if condition="empty($nextId)"} |
|||
<a class="nd-pager__item nd-pager__item--next" href="javascript:;"> |
|||
<span class="nd-pager__label" title="None">Next: None</span> |
|||
</a> |
|||
{else /} |
|||
<a class="nd-pager__item nd-pager__item--next" href="{:hcUrl('Detail/index',['id'=>$nextId,'cid'=>$nextCid])}"> |
|||
<span class="nd-pager__label" title="{$nextTitle}">Next: {$nextTitle}</span> |
|||
</a> |
|||
{/if} |
|||
</nav> |
|||
|
|||
</article> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,281 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
{php} |
|||
$current_cate_id = $current_cate['id'] ?? ''; |
|||
// var_dump($current_cate);exit; |
|||
{/php} |
|||
|
|||
<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/news.js"></script> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js" /> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/news2.js" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/pagination.css" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/news.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-news" data-header-dark data-nav="新闻动态"> |
|||
{php}$news_root_id = uiId('news');{/php} |
|||
{hcTaglib:category id="$news_root_id" item="vo" field="id,title,alias"} |
|||
{php} |
|||
$news_cate_info = $vo; |
|||
$news_cate_info_alias = $vo['alias'] ?? ''; |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
<div class="n-page section__wrap"> |
|||
<div class="n-head"> |
|||
<h1 class="n-head__title"> |
|||
<span>Learn about RAYNEN</span> |
|||
<span>News</span> |
|||
</h1> |
|||
<div class="n-tabs" role="tablist" aria-label="News categories"> |
|||
{php} |
|||
$news_active_cat = (string)input('cat', ''); |
|||
if ($news_active_cat === '' || $news_active_cat === 'all') { |
|||
$news_active_cat = (string)($current_cate_id ?: ($news_cate_info['id'] ?? '')); |
|||
} |
|||
$news_all_cat = (string)($news_cate_info['id'] ?? ''); |
|||
$news_video_id = (string)uiId('news_video'); |
|||
$is_news_video = ($news_video_id !== '' && $news_video_id !== '0' && $news_active_cat === $news_video_id); |
|||
{/php} |
|||
<a href="{:getMuiLangUrl($news_cate_info_alias)}?cat={$news_cate_info['id']}" class="n-tabs__item{if $news_active_cat == $news_all_cat} is-active{/if}" role="tab" aria-selected="{if $news_active_cat == $news_all_cat}true{else /}false{/if}" data-cat="{$news_cate_info['id']}">All</a> |
|||
{hcTaglib:subcategory pid="$news_cate_info['id']" item="vo" sort=""} |
|||
<a href="{:getMuiLangUrl($vo.alias)}?cat={$vo['id']}" class="n-tabs__item{if $news_active_cat == $vo['id']} is-active{/if}" role="tab" aria-selected="{if $news_active_cat == $vo['id']}true{else /}false{/if}" data-cat="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
|
|||
{hcTaglib:contentPage2 cid="$current_cate_id" mainField="id,category_id,title,sub_title,thumbnail,content,description,create_time,is_top" subField="" name="hc_featured" limit="100" item="content_sub22" isTop="1"} |
|||
{/hcTaglib:contentPage2} |
|||
{php} |
|||
$news_has_featured = false; |
|||
if (!empty($hc_featured)) { |
|||
if (is_object($hc_featured) && method_exists($hc_featured, 'isEmpty')) { |
|||
$news_has_featured = !$hc_featured->isEmpty(); |
|||
} elseif (is_countable($hc_featured)) { |
|||
$news_has_featured = count($hc_featured) > 0; |
|||
} |
|||
} |
|||
{/php} |
|||
{if $news_has_featured && !$is_news_video} |
|||
<article class="n-featured"> |
|||
<div class="n-featured__swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="hc_featured" id="vo_content"} |
|||
{php} |
|||
$content = $vo_content['content'] ?? ''; // 富文本 |
|||
$description = $vo_content['description'] ?? ''; // 描述 |
|||
$title = $vo_content['title'] ?? ''; // 标题 |
|||
$create_time_str = $vo_content['publish_time'] ?? $vo_content['create_time']; |
|||
{/php} |
|||
<div class="swiper-slide n-featured__slide" data-category="company"> |
|||
<div class="n-featured__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" width="720" height="480" alt="{$vo_content.title}" /> |
|||
</div> |
|||
<div class="n-featured__body"> |
|||
<div class="n-featured__content"> |
|||
<time class="n-featured__date" datetime="{$create_time_str}">{:date('Y-m-d',strtotime($create_time_str)) ?? ''}</time> |
|||
<h2 class="n-featured__title">{$title}</h2> |
|||
<p class="n-featured__desc"> |
|||
{$description|raw} |
|||
</p> |
|||
</div> |
|||
<div class="n-featured__foot"> |
|||
<a class="n-link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<span>Explore more</span> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2016.502%206.66113'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16.501953'%20height='6.661133'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='箭头%202'%20d='M0%202.83057L16%202.83057L16%203.83057L0%203.83057L0%202.83057ZM15.2929%203.33057L12.818%200.855693C12.62%200.657703%2012.62%200.346575%2012.818%200.148586C13.016%20-0.0494041%2013.3271%20-0.0494046%2013.5251%200.148585L16.3536%202.97701C16.5515%203.175%2016.5515%203.48613%2016.3536%203.68412L13.5251%206.51255C13.3271%206.71054%2013.016%206.71054%2012.818%206.51255C12.62%206.31456%2012.62%206.00343%2012.818%205.80544L15.2929%203.33057Z'%20fill='rgb(102,102,102)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" |
|||
alt="" width="16" height="7" /> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="n-featured__nav"> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</button> |
|||
</div> |
|||
</div> |
|||
</article> |
|||
{/if} |
|||
|
|||
<div class="n-grid{if $is_news_video} n-grid--video{/if}"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$current_cate_id" mainField="id,category_id,title,sub_title,thumbnail,cover,content,description,create_time,publish_time,is_top" subField="" name="hc_content" limit="6" item="content_sub22" isTop="222"} |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
{volist name="hc_content" id="vo_content"} |
|||
{php} |
|||
$content = $vo_content['content'] ?? ''; |
|||
$description = $vo_content['description'] ?? ''; |
|||
$create_time_str = $vo_content['publish_time'] ?? $vo_content['create_time']; |
|||
{/php} |
|||
|
|||
{if $is_news_video} |
|||
<button type="button" class="n-v-card" data-video-src="{$vo_content['cover']['url'] ?? ''}"> |
|||
<div class="n-v-card__media"> |
|||
<img class="n-v-card__cover" src="{$vo_content['thumbnail']['url'] ?? ''}" alt="" width="400" height="225" loading="lazy" /> |
|||
{notempty name="description"} |
|||
<span class="n-v-card__duration">{$description}</span> |
|||
{/notempty} |
|||
<span class="n-v-card__play" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2013.5386%2016'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='13.538574'%20height='16.000000'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='多边形%201'%20d='M8.86093%201.45695L15.1085%2012.0297C15.5024%2012.6963%2015.0219%2013.5384%2014.2476%2013.5384L1.75245%2013.5384C0.978149%2013.5384%200.497614%2012.6963%200.891523%2012.0297L7.13907%201.45695C7.52614%200.801924%208.47387%200.801924%208.86093%201.45695Z'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20transform='matrix(0,1,-1,0,13.5386,0)'%20/%3e%3c/svg%3e" alt="" width="14" height="16" /> |
|||
</span> |
|||
</div> |
|||
<h3 class="n-v-card__title">{$vo_content.title}</h3> |
|||
<time class="n-v-card__date" datetime="{$create_time_str}">{$create_time_str|date='Y-m-d'}</time> |
|||
</button> |
|||
{else /} |
|||
{php} |
|||
$is_item_video = ($news_video_id !== '' && $news_video_id !== '0' && (string)($vo_content['category_id'] ?? '') === $news_video_id); |
|||
{/php} |
|||
<article class="n-card{if $is_item_video} n-card--video{/if}" data-category="{if $is_item_video}video{else /}insight{/if}"{if $is_item_video} data-video-src="{$vo_content['cover']['url'] ?? ''}"{/if}> |
|||
<div class="n-card__top"> |
|||
<time class="n-card__date" datetime="{$create_time_str}">{:date('Y-m-d',strtotime($create_time_str)) ?? ''}</time> |
|||
<h3 class="n-card__title">{$vo_content.title}</h3> |
|||
{if !$is_item_video} |
|||
<a class="n-link n-link--sm" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<span>Explore more</span> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2016.502%206.66113'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16.501953'%20height='6.661133'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='箭头%202'%20d='M0%202.83057L16%202.83057L16%203.83057L0%203.83057L0%202.83057ZM15.2929%203.33057L12.818%200.855693C12.62%200.657703%2012.62%200.346575%2012.818%200.148586C13.016%20-0.0494041%2013.3271%20-0.0494046%2013.5251%200.148585L16.3536%202.97701C16.5515%203.175%2016.5515%203.48613%2016.3536%203.68412L13.5251%206.51255C13.3271%206.71054%2013.016%206.71054%2012.818%206.51255C12.62%206.31456%2012.62%206.00343%2012.818%205.80544L15.2929%203.33057Z'%20fill='rgb(102,102,102)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" |
|||
alt="" width="16" height="7" /> |
|||
</a> |
|||
{/if} |
|||
</div> |
|||
<div class="n-card__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" alt="" loading="lazy" /> |
|||
{if $is_item_video} |
|||
{notempty name="description"} |
|||
<span class="n-card__duration">{$description}</span> |
|||
{/notempty} |
|||
<span class="n-card__play" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2013.5386%2016'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='13.538574'%20height='16.000000'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='多边形%201'%20d='M8.86093%201.45695L15.1085%2012.0297C15.5024%2012.6963%2015.0219%2013.5384%2014.2476%2013.5384L1.75245%2013.5384C0.978149%2013.5384%200.497614%2012.6963%200.891523%2012.0297L7.13907%201.45695C7.52614%200.801924%208.47387%200.801924%208.86093%201.45695Z'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20transform='matrix(0,1,-1,0,13.5386,0)'%20/%3e%3c/svg%3e" alt="" width="14" height="16" /> |
|||
</span> |
|||
{/if} |
|||
</div> |
|||
</article> |
|||
{/if} |
|||
{/volist} |
|||
|
|||
</div> |
|||
|
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = $is_news_video ? 'No matching videos' : 'No matching news'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
<!-- 分页 --> |
|||
{$hc_content|raw} |
|||
{/if} |
|||
|
|||
<div class="n-v-modal" id="n-v-modal" hidden> |
|||
<div class="n-v-modal__backdrop" data-n-v-modal-close></div> |
|||
<div class="n-v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="n-v-modal-title"> |
|||
<div class="n-v-modal__head"> |
|||
<h2 class="n-v-modal__title" id="n-v-modal-title">Video</h2> |
|||
<button type="button" class="n-v-modal__close" data-n-v-modal-close aria-label="Close"> |
|||
<img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" /> |
|||
</button> |
|||
</div> |
|||
<div class="n-v-modal__body"> |
|||
<video class="n-v-modal__video" id="n-v-modal-video" controls playsinline></video> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,484 @@ |
|||
<!doctype html> |
|||
<html lang="en"> |
|||
{php} |
|||
// var_dump($hc_content);exit; |
|||
// 基本信息 |
|||
$id = $hc_content['id'] ?? ''; |
|||
$category_id = $hc_content['category_id'] ?? ''; |
|||
$sub_category_ids = $hc_content['sub_category_ids'] ?? ''; |
|||
$module_id = $hc_content['module_id'] ?? ''; |
|||
$lang = $hc_content['lang'] ?? ''; |
|||
$main_id = $hc_content['main_id'] ?? ''; |
|||
$title = $hc_content['title'] ?? ''; |
|||
$sub_title = $hc_content['sub_title'] ?? ''; |
|||
$description = $hc_content['description'] ?? ''; |
|||
$content = $hc_content['content'] ?? ''; |
|||
$cover = $hc_content['cover'] ?? ''; |
|||
$hits = $hc_content['hits'] ?? ''; |
|||
$admin_id = $hc_content['admin_id'] ?? ''; |
|||
$author = $hc_content['author'] ?? ''; |
|||
$status = $hc_content['status'] ?? ''; |
|||
$check_status = $hc_content['check_status'] ?? ''; |
|||
$url = $hc_content['url'] ?? ''; |
|||
$publish_time = $hc_content['publish_time'] ?? ''; |
|||
$is_top = $hc_content['is_top'] ?? ''; |
|||
$top_time = $hc_content['top_time'] ?? ''; |
|||
$is_recommend = $hc_content['is_recommend'] ?? ''; |
|||
$sort = $hc_content['sort'] ?? ''; |
|||
$detail_tpl = $hc_content['detail_tpl'] ?? ''; |
|||
$seo_title = $hc_content['seo_title'] ?? ''; |
|||
$seo_keyword = $hc_content['seo_keyword'] ?? ''; |
|||
$seo_description = $hc_content['seo_description'] ?? ''; |
|||
$version = $hc_content['version'] ?? ''; |
|||
$show_version = $hc_content['show_version'] ?? ''; |
|||
$is_del = $hc_content['is_del'] ?? ''; |
|||
$del_user_id = $hc_content['del_user_id'] ?? ''; |
|||
$delete_time = $hc_content['delete_time'] ?? ''; |
|||
$create_time = $hc_content['create_time'] ?? ''; |
|||
$update_time = $hc_content['update_time'] ?? ''; |
|||
$tag = $hc_content['tag'] ?? []; |
|||
|
|||
// 缩略图 |
|||
$thumbnail = (array)($hc_content['thumbnail'] ?? []); |
|||
$thumbnail_id = $thumbnail['id'] ?? ''; |
|||
$thumbnail_name = $thumbnail['name'] ?? ''; |
|||
$thumbnail_url = $thumbnail['url'] ?? ''; |
|||
$thumbnail_type = $thumbnail['type'] ?? ''; |
|||
$thumbnail_description = $thumbnail['description'] ?? ''; |
|||
|
|||
// 扩展内容 |
|||
$main_content = $hc_content['main_content'] ?? []; |
|||
$main_content_id = $main_content['id'] ?? ''; |
|||
$rich_text_two = $main_content['rich_text_two'] ?? ''; |
|||
$pic_many_one = $main_content['pic_many_one'] ?? []; // 产品介绍多图 |
|||
$pic_many = $main_content['pic_many'] ?? []; // 规格参数展示图集 |
|||
$rich_text_three = $main_content['rich_text_three'] ?? ''; // 规格参数第一个富文本框 |
|||
$rich_text_four = $main_content['rich_text_four'] ?? ''; |
|||
$rich_text_five = $main_content['rich_text_five'] ?? ''; |
|||
$rich_text_six = $main_content['rich_text_six'] ?? ''; |
|||
$rich_text_seven = $main_content['rich_text_seven'] ?? ''; |
|||
$resource_download_names = $main_content['resource_download_names'] ?? ''; // 下载文件自定义名称 |
|||
$atlas = $main_content['atlas'] ?? []; |
|||
$file = $main_content['file'] ?? ''; |
|||
$content_desc = $main_content['content_desc'] ?? ''; |
|||
$mc_lang = $main_content['lang'] ?? ''; |
|||
$lang_pid = $main_content['lang_pid'] ?? ''; |
|||
$sub_id = $main_content['sub_id'] ?? ''; |
|||
$mc_create_time = $main_content['create_time'] ?? ''; |
|||
$mc_update_time = $main_content['update_time'] ?? ''; |
|||
|
|||
// 资源图片 |
|||
$resource_pic = (array)($main_content['resource_pic'] ?? []); |
|||
$resource_pic_id = $resource_pic['id'] ?? ''; |
|||
$resource_pic_name = $resource_pic['name'] ?? ''; |
|||
$resource_pic_url = $resource_pic['url'] ?? ''; |
|||
$resource_pic_type = $resource_pic['type'] ?? ''; |
|||
$resource_pic_description = $resource_pic['description'] ?? ''; |
|||
$resource_pic_children = $resource_pic['children'] ?? []; |
|||
|
|||
// 资源下载 |
|||
$resource_download = $main_content['resource_download'] ?? []; |
|||
{/php} |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>{$title} - RAYNEN</title> |
|||
<meta name="keywords" content="{$seo_keyword}" /> |
|||
<meta name="description" content="{$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/product.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/product.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<nav class="p-subnav" aria-label="Product navigation" data-p-subnav aria-hidden="true"> |
|||
<div class="p-subnav__inner section__wrap"> |
|||
<p class="p-subnav__title">{$title}</p> |
|||
<div class="p-subnav__links" role="list"> |
|||
<a class="p-subnav__link is-active" href="#p-intro" data-p-nav="p-intro" role="listitem">Overview</a> |
|||
<a class="p-subnav__link" href="#p-spec" data-p-nav="p-spec" role="listitem">Specifications</a> |
|||
<a class="p-subnav__link" href="#p-download" data-p-nav="p-download" role="listitem">Downloads</a> |
|||
<a class="p-subnav__link" href="#p-related" data-p-nav="p-related" role="listitem">Related products</a> |
|||
</div> |
|||
<a class="p-subnav__cta {if empty($content)}hidden{/if}" href="#p-spec" data-selection-trigger>View selection table</a> |
|||
</div> |
|||
</nav> |
|||
|
|||
<main class="main-product" data-header-dark data-nav="产品"> |
|||
<section class="p-hero section__wrap"> |
|||
<div class="p-hero__inner"> |
|||
<h1 class="section__title">{$title}</h1> |
|||
<a class="s-btn s-btn--light s-btn--pill {if empty($content)}hidden{/if}" href="javascript:;" data-selection-trigger>View selection table</a> |
|||
<div class="p-hero__media"> |
|||
<div class="p-hero__mark" aria-hidden="true">{$sub_title}</div> |
|||
<img src="{:deal_image_url($thumbnail_url)}" width="434" height="601" alt="{$thumbnail_name}" /> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 产品介绍 --> |
|||
<section class="p-intro section__wrap" id="p-intro"> |
|||
<div class="p-intro__inner"> |
|||
<div class="p-intro__visual"> |
|||
<div class="p-intro__gallery swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="pic_many_one" id="vo" key="key"} |
|||
<div class="swiper-slide"> |
|||
<img src="{:deal_image_url($vo['url'] ?? '')}" width="200" height="514" alt="Product image" /> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="p-intro__gallery-nav"> |
|||
<div class="p-intro__gallery-pagination"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 产品介绍,产品优势,产品特性 --> |
|||
<div class="p-intro__content"> |
|||
{$rich_text_two|raw} |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 规格参数 , 如果第一个富文本没有内容,则整个规格参数都不显示--> |
|||
<section class="p-spec section__wrap" id="p-spec" {if empty($rich_text_three)}style="display: none"{/if}> |
|||
<div class="p-spec__inner"> |
|||
<h2 class="section__title">Specifications</h2> |
|||
|
|||
<div class="p-spec__models" {if empty($pic_many)}style="display: none"{/if}> |
|||
<span class="p-spec__models-label">Models</span> |
|||
<div class="p-spec__tabs nav" role="tablist" aria-label="Models"> |
|||
<!-- 规格参数,产品型号 --> |
|||
{php} |
|||
$total_standard_num = 0; |
|||
{/php} |
|||
|
|||
{volist name="pic_many" id="vo" key="key"} |
|||
<button |
|||
type="button" |
|||
class="p-spec__tab nav-link {if $key==1}active{/if}" |
|||
id="p-spec-tab-{$key}" |
|||
data-bs-toggle="tab" |
|||
data-bs-target="#p-spec-panel-{$key}" |
|||
role="tab" |
|||
aria-controls="p-spec-panel-{$key}" |
|||
aria-selected="{if $key==1}true{else /}false{/if}" |
|||
> |
|||
<span class="p-spec__tab-media"> |
|||
<img src="{:deal_image_url($vo['url'] ?? '')}" width="80" height="111" alt="" /> |
|||
</span> |
|||
<span class="p-spec__tab-name">{$vo.description}</span> |
|||
</button> |
|||
{php} |
|||
$total_standard_num++; |
|||
{/php} |
|||
|
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<div class="p-spec__body tab-content"> |
|||
{volist name="pic_many" id="vo" key="key"} |
|||
<div |
|||
class="tab-pane fade {if $key==1}show active{/if}" |
|||
id="p-spec-panel-{$key}" |
|||
role="tabpanel" |
|||
aria-labelledby="p-spec-tab-{$key}" |
|||
tabindex="0" |
|||
> |
|||
{switch $key} |
|||
{case 1}{$rich_text_three|raw}{/case} |
|||
{case 2}{$rich_text_four|raw}{/case} |
|||
{case 3}{$rich_text_five|raw}{/case} |
|||
{case 4}{$rich_text_six|raw}{/case} |
|||
{case 5}{$rich_text_seven|raw}{/case} |
|||
{default /}No matching content |
|||
{/switch} |
|||
</div> |
|||
{/volist} |
|||
|
|||
{if $total_standard_num == 0} |
|||
<!-- 无型号 tabs 时仅展示第一个富文本 --> |
|||
{$rich_text_three|raw} |
|||
{/if} |
|||
|
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 资料下载 --> |
|||
<!-- 处理下载资料名称 --> |
|||
{php} |
|||
// 1. 直接按照 %% 分割 |
|||
$mainArray = explode("%%", $resource_download_names); |
|||
$download_names = []; |
|||
// 2. 遍历并拆分 |
|||
foreach ($mainArray as $item) { |
|||
if (trim($item) !== '' && !empty($item)) { |
|||
$download_names[] = explode("##", trim($item)); |
|||
} |
|||
} |
|||
// 文件匹配 |
|||
$map = [ |
|||
'png' => 'Image', |
|||
'jpg' => 'Image', |
|||
'jpeg' => 'Image', |
|||
'pdf' => 'PDF', |
|||
'doc' => 'DOC', |
|||
'docx' => 'DOC', |
|||
'zip' => 'Archive', |
|||
'7z' => 'Archive', |
|||
'rar' => 'Archive', |
|||
]; |
|||
|
|||
{/php} |
|||
<section class="p-download section__wrap" id="p-download"> |
|||
<div class="p-download__inner"> |
|||
<div class="p-download__visual"> |
|||
<img src="{:deal_image_url($resource_pic['url'] ?? '')}" width="354" height="447" alt="Downloads preview" /> |
|||
</div> |
|||
<div class="p-download__content"> |
|||
<h2 class="section__title">Downloads</h2> |
|||
<ul class="p-download__list"> |
|||
{volist name="resource_download" id="one_resource" key="key"} |
|||
{php} |
|||
$downloadUrl = $one_resource['url'] ?? ''; |
|||
$nameTmp = $download_names[$key-1][0] ?? ($one_resource['name'] ?? 'File-'.$key); |
|||
$descTmp = $download_names[$key-1][1] ?? ('Description-'.$key); |
|||
$dateTmp = $download_names[$key-1][2] ?? ('Date-'.$key); |
|||
$ext = strtolower(pathinfo($one_resource['url'], PATHINFO_EXTENSION)); |
|||
$file_type_name = $map[$ext] ?? 'Unknown file'; |
|||
// 下载文件名与页面展示名一致（展示名未带扩展名时补充） |
|||
$download_name = ($ext !== '' && strtolower(pathinfo($nameTmp, PATHINFO_EXTENSION)) === $ext) ? $nameTmp : rtrim($nameTmp, '.') . '.' . $ext; |
|||
{/php} |
|||
<li class="p-download__item"> |
|||
<div class="p-download__info"> |
|||
<h3 class="p-download__name"> |
|||
<a href="{$downloadUrl}" target="_blank" rel="noopener" title="Preview">{$nameTmp}</a> |
|||
</h3> |
|||
<p class="p-download__meta"> |
|||
<span>{$descTmp}</span> |
|||
<span class="p-download__meta-divider"></span> |
|||
<time datetime="2025-10-11">{$dateTmp}</time> |
|||
</p> |
|||
</div> |
|||
<a |
|||
class="p-download__link" |
|||
href="{$downloadUrl}" |
|||
download="{$download_name}" |
|||
> |
|||
<svg |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<g id="frame"> |
|||
<path |
|||
id="Vector" |
|||
d="M16.4405 8.8999C20.0405 9.2099 21.5105 11.0599 21.5105 15.1099L21.5105 15.2399C21.5105 19.7099 19.7205 21.4999 15.2505 21.4999L8.74047 21.4999C4.27047 21.4999 2.48047 19.7099 2.48047 15.2399L2.48047 15.1099C2.48047 11.0899 3.93047 9.2399 7.47047 8.9099" |
|||
fill-rule="nonzero" |
|||
stroke="rgb(102,102,102)" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
stroke-width="1.500000" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M0 0L12.88 0" |
|||
stroke="rgb(102,102,102)" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
stroke-width="1.500000" |
|||
transform="matrix(0,1,-1,0,12,2)" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M15.3504 12.6499L12.0004 15.9999L8.65039 12.6499" |
|||
fill-rule="nonzero" |
|||
stroke="rgb(102,102,102)" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
stroke-width="1.500000" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M24 0L0 0L0 24L24 24L24 0ZM1 23L1 1L23 1L23 23L1 23Z" |
|||
opacity="0" |
|||
fill="rgb(102,102,102)" |
|||
fill-rule="evenodd" |
|||
transform="matrix(-1,-1.22465e-16,1.22465e-16,-1,24,24)" |
|||
/> |
|||
</g> |
|||
</svg> |
|||
<span>Download {$file_type_name}</span> |
|||
</a> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 相关产品 --> |
|||
<section class="p-related section__wrap" id="p-related"> |
|||
<div class="p-related__inner"> |
|||
<div class="p-related__header"> |
|||
<h2 class="section__title">Related products</h2> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
</button> |
|||
<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> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div class="p-related__swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$category_id" mainField="id,category_id,title,sub_title,thumbnail" subField="" name="hc_content" limit="30" item="content_sub22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
{volist name="hc_content" id="vo_content"} |
|||
<article class="swiper-slide p-related__card"> |
|||
<a class="p-related__link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<div class="p-related__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" width="100" height="206" alt="" /> |
|||
</div> |
|||
<div class="p-related__foot"> |
|||
<h3 class="p-related__name">{$vo_content.title}</h3> |
|||
<span class="p-related__arrow" aria-hidden="true"> |
|||
<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> |
|||
</span> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
{/volist} |
|||
|
|||
</div> |
|||
<!-- <div class="p-related__pagination swiper-pagination"></div> --> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</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> |
|||
|
|||
<div class="p-selection-modal" id="p-selection-modal" data-selection-modal hidden> |
|||
<div class="p-selection-modal__overlay" data-selection-close></div> |
|||
<div class="p-selection-modal__dialog" role="dialog" aria-modal="true" aria-label="Selection table"> |
|||
<div class="p-selection-modal__head"> |
|||
<h2 class="p-selection-modal__title">Selection table</h2> |
|||
<button type="button" class="p-selection-modal__close" aria-label="Close" data-selection-close> |
|||
<svg |
|||
viewBox="0 0 24 24" |
|||
width="24" |
|||
height="24" |
|||
fill="none" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="M6 6L18 18M18 6L6 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
<div class="p-selection-modal__body"> |
|||
<div class="p-selection-modal__table-wrap" data-lenis-prevent> |
|||
{$content|raw} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,192 @@ |
|||
|
|||
|
|||
{php} |
|||
dd('此页面废弃'); |
|||
{/php} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/search.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/search.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-search" data-header-dark> |
|||
<div class="sr-page section__wrap"> |
|||
<div class="sr-hero"> |
|||
<h1 class="sr-hero__title">Search</h1> |
|||
<form class="s-search sr-search" action="/search.html" method="get" role="search"> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="q" value="{$keywords}" placeholder="Search what you want to know" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">Search</button> |
|||
</form> |
|||
<div class="sr-hot"> |
|||
<span class="sr-hot__label">Popular searches:</span> |
|||
<div class="sr-hot__list"> |
|||
<button type="button" class="sr-hot__tag" data-keyword="HMI">HMI</button> |
|||
<button type="button" class="sr-hot__tag" data-keyword="Servo systems">Servo systems</button> |
|||
<button type="button" class="sr-hot__tag" data-keyword="Textile products">Textile products</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="sr-tabs" role="tablist" aria-label="Result categories"> |
|||
<button type="button" class="sr-tabs__item is-active" role="tab" aria-selected="true" data-type="all"> |
|||
All ( <span data-count="all">0</span> ) |
|||
</button> |
|||
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="product"> |
|||
Products ( <span data-count="product">0</span> ) |
|||
</button> |
|||
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="solution"> |
|||
Solutions ( <span data-count="solution">0</span> ) |
|||
</button> |
|||
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="news"> |
|||
News ( <span data-count="news">0</span> ) |
|||
</button> |
|||
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="faq"> |
|||
FAQ ( <span data-count="faq">0</span> ) |
|||
</button> |
|||
</div> |
|||
|
|||
<div class="sr-list"> |
|||
{volist name="list" id="vo"} |
|||
{php} |
|||
$sr_date = ''; |
|||
$sr_time = $vo['publish_time'] ?? ($vo['create_time'] ?? ''); |
|||
if (!empty($sr_time)) { |
|||
$sr_date = is_numeric($sr_time) ? date('Y-m-d', (int)$sr_time) : $sr_time; |
|||
} |
|||
$sr_cid = $vo['category_id'] ?? ($vo['category'][0]['id'] ?? 0); |
|||
$sr_thumb = is_array($vo['thumbnail'] ?? null) ? ($vo['thumbnail']['url'] ?? '') : ''; |
|||
$sr_url = hcUrl('detail/index', ['id' => $vo['id'], 'cid' => $sr_cid]); |
|||
$sr_cate_title = $vo['category'][0]['title'] ?? ''; |
|||
$sr_type = 'other'; |
|||
if (mb_strpos($sr_cate_title, '产品') !== false) { |
|||
$sr_type = 'product'; |
|||
} elseif (mb_strpos($sr_cate_title, '解决方案') !== false || mb_strpos($sr_cate_title, '方案') !== false) { |
|||
$sr_type = 'solution'; |
|||
} elseif (mb_strpos($sr_cate_title, '新闻') !== false) { |
|||
$sr_type = 'news'; |
|||
} elseif (mb_strpos($sr_cate_title, '常见问题') !== false || mb_strpos($sr_cate_title, 'FAQ') !== false || mb_strpos($sr_cate_title, '问题') !== false) { |
|||
$sr_type = 'faq'; |
|||
} |
|||
{/php} |
|||
<article class="sr-item" data-type="{$sr_type}" data-keywords="{$vo.title}"> |
|||
<a class="sr-item__media" href="{$sr_url}"> |
|||
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
</a> |
|||
<div class="sr-item__body"> |
|||
<div class="sr-item__main"> |
|||
<div class="sr-item__meta"> |
|||
<span class="sr-item__type">{if !empty($vo['category'][0]['title'])}{$vo.category.0.title}{else /}Content{/if}</span> |
|||
<span class="sr-item__sep" aria-hidden="true"></span> |
|||
<time class="sr-item__date" datetime="{$sr_date}">{$sr_date}</time> |
|||
</div> |
|||
<h2 class="sr-item__title"> |
|||
<a href="{$sr_url}">{$vo.title}</a> |
|||
</h2> |
|||
{notempty name="vo.description"} |
|||
<p class="sr-item__desc">{$vo.description}</p> |
|||
{/notempty} |
|||
</div> |
|||
<a class="sr-item__more" href="{$sr_url}"> |
|||
<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> |
|||
|
|||
</a> |
|||
</div> |
|||
</article> |
|||
{/volist} |
|||
</div> |
|||
|
|||
<div class="s-empty sr-tabs-empty" hidden> |
|||
<p class="s-empty__text">No results in this category</p> |
|||
</div> |
|||
|
|||
{php} |
|||
$list_empty = isHcListEmpty($list ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = 'No matching results. Try another keyword'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$list_page|raw} |
|||
{/if} |
|||
</div> |
|||
</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> |
|||
@ -1,158 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>应用场景—智能家居系统集成方案—全屋智能家居系统—宅极慧iHM</title> |
|||
<meta name="description" content="宅极慧iHM客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店等。目标为全球亿万家庭创造智能个性新生活!"> |
|||
<meta name="keywords" content="全屋智能家居系统，智能家居整体解决方案服务商，智能家居解决方案，宅极慧iHM"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/changjing.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="changjingBanner"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<video src="{$vo.main_content.video.url|default=''}" loop="loop" autoplay="autoplay" muted="muted" poster="{$vo['cover']['url']|default=''}"></video> |
|||
<div class="posi"><img src="{$vo['main_content']['gif']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="changjingTab"> |
|||
<div class="w1400"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left4.png" alt=""></div> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:subcategory pid="151" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right4.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<div class="changjingBlock"> |
|||
<div class="w1400"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<div class="tit"> |
|||
<p>{$vo.sub_title}</p> |
|||
<div class="tips">{$vo.main_content.intro}</div> |
|||
</div> |
|||
<div class="changjingBlock2"> |
|||
<div class="swiper changjingBlock2Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="$vo.main_content.ico_two" id="vvo" } |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="{$vvo.url}" alt=""></div> |
|||
<p>{$vvo.description}</p> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="/themes/static/images/changjingBlock2Img2.png" alt=""></div> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right6.png" alt=""></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left6.png" alt=""></div> |
|||
</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
<img src="{$vo['cover']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
<p> |
|||
{$vo.title}<span>{$vo.main_content.time_slot}</span> |
|||
</p> |
|||
<div class="contList"> |
|||
<ul> |
|||
{volist name="$vo.main_content.atlas" id="vv" } |
|||
<li> |
|||
<i></i> |
|||
<em></em> |
|||
<span> |
|||
<img src="{$vv.url}" alt=""> |
|||
</span> |
|||
<div>{$vv.description}</div> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".mySwiper", { |
|||
spaceBetween: 20, |
|||
slidesPerView: "auto", |
|||
navigation: { |
|||
nextEl: ".changjingTab .w1400 .swiper-button-next", |
|||
prevEl: ".changjingTab .w1400 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
640:{ |
|||
spaceBetween: 40, |
|||
}, |
|||
1200:{ |
|||
spaceBetween: 100, |
|||
} |
|||
} |
|||
}); |
|||
$('.changjingTab .w1400 .mySwiper .swiper-wrapper .swiper-slide a').each(function(){ |
|||
if(window.location.pathname == $(this).attr('href')){ |
|||
$(this).parent().addClass('on') |
|||
}else if(window.location.pathname == $(this).attr('href') + '.html'){ |
|||
$(this).parent().addClass('on') |
|||
} |
|||
}) |
|||
var swiper2 = new Swiper(".changjingBlock2Swiper", { |
|||
slidesPerView:3, |
|||
slidesPerGroup: 2, |
|||
spaceBetween: 0, |
|||
navigation: { |
|||
nextEl: ".changjingBlock2 .swiper-button-next", |
|||
prevEl: ".changjingBlock2 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 5, |
|||
}, |
|||
996:{ |
|||
slidesPerView: 7, |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 9, |
|||
}, |
|||
1366:{ |
|||
slidesPerView: 11, |
|||
} |
|||
} |
|||
}); |
|||
let changjingSwiper2 = $('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length |
|||
swiper2.removeSlide(changjingSwiper2 - 1); |
|||
if($('body').width() > 1366){ |
|||
if($('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length < 11){ |
|||
$('.changjingBlock2Swiper .swiper-wrapper').css('justify-content','center') |
|||
} |
|||
} |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,155 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>产品中心—智能家居安装—智能家居整体解决方案服务商—宅极慧iHM</title> |
|||
<meta name="description" content="宅极慧iHM是一家专业的智能家居整体解决方案服务商，为多家超五星酒店和地产开发商提供智能家居系统解决方案，严选国内外知名品牌产品，为客户度身定制高体验感的智能系统集成方案。"> |
|||
<meta name="keywords" content="智能家居整体解决方案服务商，智能家居安装，全屋智能家居控制系，宅极慧iHM"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/chanpin.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="chanpinBanner"> |
|||
{if $current_cate['parent_id'] == 150 } |
|||
<img src="{$current_cate['banner']['url']|default=''}" alt=""> |
|||
<div class="w1400"> |
|||
<div class="logo">{$current_cate.content|raw}<span>{$current_cate.title}</span></div> |
|||
<div class="tips"> |
|||
{$current_cate.description} |
|||
</div> |
|||
</div> |
|||
{else /} |
|||
{hcTaglib:category id="$current_cate['parent_id']" field="id,title,banner,content,description"} |
|||
<img src="{$hc_category['banner']['url']|default=''}" alt=""> |
|||
<div class="w1400"> |
|||
<div class="logo">{$hc_category.content|raw}<span>{$hc_category.title}</span></div> |
|||
<div class="tips"> |
|||
{$hc_category.description} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
{/if} |
|||
|
|||
</div> |
|||
<!-- 正文 --> |
|||
<?php |
|||
if($current_cate['parent_id'] == 150) |
|||
{ |
|||
$pid = $current_cate['id']; |
|||
}else{ |
|||
$pid = $current_cate['parent_id']; |
|||
} |
|||
?> |
|||
<div class="chanpinTab" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="w1400"> |
|||
<ul> |
|||
<li><a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a></li> |
|||
{hcTaglib:subcategory pid="$pid" item="vo" sort=""} |
|||
<li><a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="chanpinTabMob"> |
|||
<div class="swiper chanpinTabMobSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a> |
|||
</div> |
|||
{hcTaglib:subcategory pid="$pid" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="chanpinBlock"> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="cont"> |
|||
{hcTaglib:contentPage cid="$current_cate['id']" moduleId='6' mainField="*" all="1" subField="*" name="case_top" limit="18" item="vvo"} |
|||
<div class="list"> |
|||
<div class="img"> |
|||
<img src="{$vvo['thumbnail']['url']}" alt=""> |
|||
<div class="posi"> |
|||
{$vvo.content|raw} |
|||
<div class="border-top"></div> |
|||
<div class="border-right"></div> |
|||
<div class="border-bottom"></div> |
|||
<div class="border-left"></div> |
|||
</div> |
|||
</div> |
|||
<a href="{$vvo['url']}"> |
|||
<div class="tit">{$vvo.title}</div> |
|||
<div class="tips">{$vvo.description}</div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{$case_top|raw} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
$('.chanpinBlock .w1400 .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
console.log(1) |
|||
$(this).children('.img').children('.posi').stop().animate({'opacity':1},400) |
|||
} |
|||
},function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).children('.img').children('.posi').stop().animate({'opacity':0},400) |
|||
} |
|||
}) |
|||
$('.chanpinBlock .w1400 .list .img').click(function(){ |
|||
if($(this).children('.posi').hasClass('on')){ |
|||
$(this).children('.posi').stop().animate({'opacity':0}) |
|||
$(this).children('.posi').removeClass('on') |
|||
return |
|||
} |
|||
$(this).children('.posi').stop().animate({'opacity':1}) |
|||
$(this).children('.posi').addClass('on') |
|||
}) |
|||
var swiper = new Swiper(".chanpinTabMobSwiper", { |
|||
slidesPerView: 3.5, |
|||
}); |
|||
let thisUrl = window.location.pathname |
|||
$('.chanpinTabMob .swiper .swiper-wrapper .swiper-slide').each(function(){ |
|||
console.log($(this).children('a').attr('href')) |
|||
if($(this).children('a').attr('href') == thisUrl){ |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
$('.chanpinTab .w1400 ul li a').each(function(){ |
|||
if($(this).attr('href') == thisUrl){ |
|||
$(this).parent().addClass('on') |
|||
} |
|||
}) |
|||
// $('.chanpinTab .w1400 ul li').eq(0).addClass('on') |
|||
// $('.chanpinBlock .w1400 .cont').eq(0).css('display','flex') |
|||
// $('.chanpinTab .w1400 ul li').click(function(){ |
|||
// if($(this).hasClass('on')){ |
|||
// return |
|||
// } |
|||
// $(this).addClass('on') |
|||
// $(this).siblings().removeClass('on') |
|||
// $('.chanpinBlock .w1400 .cont').css('display','none') |
|||
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).stop().fadeIn() |
|||
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).css('display','flex') |
|||
// }) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,393 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/guanyu.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="154" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.description}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 宅极慧iHM --> |
|||
<div class="guanyuBlock" id="block1"> |
|||
{hcTaglib:content cid="156" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vo"} |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{$vo.content|raw} |
|||
{/hcTaglib:content} |
|||
<ul class="numCount"> |
|||
{hcTaglib:contentPage cid="157" mainField="*" subField="*" name="hc_content" limit="3" item="vvo" sort="sort asc"} |
|||
<li> |
|||
<p>{$vvo.title}</p> |
|||
<div> |
|||
<span class="numCX" data-startVal="0" data-endVal="{$vvo.sub_title}" data-speed="1.2" data-decimals="0" id="mumC{$vvo.id}">{$vvo.sub_title}</span> |
|||
{$vvo.description} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
<div class="img" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:contentPage cid="183" mainField="*" subField="*" name="hc_content" limit="2" item="vo" sort="sort asc"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<!-- 企业文化 --> |
|||
<div class="guanyuBlock2" id="block2"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="184" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:content cid="184" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""><span><img src="/themes/static/images/guanyuBlock2Ico.png" alt=""></span></div> |
|||
<div class="text"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="en">{$vo.sub_title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- 发展历程 --> |
|||
<div class="guanyuBlock3" id="block3"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="185" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="line"></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div> |
|||
<div class="swiper guanyuBlock3Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="185" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="time"> |
|||
<span>{$vo.title}</span>年 |
|||
</div> |
|||
<em></em> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.sub_title}</div> |
|||
<div class="text">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 新闻资讯 --> |
|||
<div class="guanyuBlock4" id="block4"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="186" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="swiper guanyuBlock4Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="186" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="time">{:date('Y-m-d', strtotime($vo['publish_time']))}</div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="line"></div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
{hcTaglib:category id="186" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
更多资讯 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 荣誉证书 --> |
|||
<div class="guanyuBlock5" id="block5"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="187" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="swiper guanyuBlock5Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="187" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 加入宅极慧 --> |
|||
<div class="guanyuBlock6" id="block6"> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="188" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
<a href="{$vo.alias}" class="moreBtn" target="_blank"> |
|||
查看岗位信息 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们 --> |
|||
<div class="guanyuBlock7" id="block7"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="189" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="left"> |
|||
<div class="tel"> |
|||
{hcTaglib:category id="190" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
<div class="cont"> |
|||
{hcTaglib:content cid="190" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<a href="tel:{$vo.title}">{$vo.title}</a> |
|||
{$vo.sub_title} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="mail"> |
|||
{hcTaglib:category id="191" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
<a href="mailto:{$vo.sub_title}">{$vo.sub_title}</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="wechat"> |
|||
{hcTaglib:content cid="192" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="tips"> |
|||
<p>{$vo.sub_title}</p> |
|||
{$vo.title} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="address"> |
|||
{hcTaglib:category id="193" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
<ul> |
|||
{hcTaglib:content cid="193" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<li> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="right"> |
|||
<form action=""> |
|||
<div class="tit">在线预约</div> |
|||
<input type="text" name="name" id="inputName" placeholder="请输入您的姓名"> |
|||
<input type="text" name="tel" id="inputTel" placeholder="请输入您的电话"> |
|||
<input type="text" name="content" id="inputCont" placeholder="留言内容"> |
|||
<a href="javascript:;" class="btn">立即提交</a> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="formTips"> |
|||
提交成功 |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script src="/themes/static/js/count.js"></script> |
|||
<script> |
|||
// 数字滚动 |
|||
$(function(){ |
|||
var countCXArr = []; |
|||
var countCX=function (){ |
|||
$('.numCount').each(function(i, dom) { |
|||
if(countCXArr[i] && countCXArr[i] === true){ |
|||
return; |
|||
} |
|||
var sT; |
|||
var ncTop; |
|||
sT = $(window).scrollTop(); |
|||
ncTop = $(dom).offset().top; |
|||
var id,decimals, startVal, endVal, duration; |
|||
if (sT > ncTop-$(window).height() && sT < ncTop) { |
|||
$(dom).find('.numCX').each(function(){ |
|||
id=$(this).attr('id'); |
|||
decimals = $(this).attr('data-decimals'), |
|||
startVal = $(this).attr('data-startVal'), |
|||
endVal = $(this).attr('data-endVal'), |
|||
duration = $(this).attr('data-speed'); |
|||
new CountUp(id, startVal, endVal, decimals, duration, { |
|||
useEasing: true,//效果 |
|||
separator: ''//数字分隔符 |
|||
}).start();// target：目标元素id, startVal：你想要开始的值, endVal：你想要到达的值, decimals：小数位数，默认值为0, duration：动画持续时间为秒，默认值为2, options：选项的可选对象 |
|||
countCXArr[i] = true; |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
countCX(); |
|||
$(window).on("scroll",function() { |
|||
countCX(); |
|||
}) |
|||
}); |
|||
// 发展历程 |
|||
var swiper = new Swiper(".guanyuBlock3Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock3 .swiper-button-next", |
|||
prevEl: ".guanyuBlock3 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
997:{ |
|||
slidesPerView: 2, |
|||
}, |
|||
1200:{ |
|||
slidesPerView: 4, |
|||
spaceBetween: 66, |
|||
} |
|||
} |
|||
}); |
|||
// 发展历程 时间轴线位置、长度 |
|||
let lineWidth = $('body').width() |
|||
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2 |
|||
$('.guanyuBlock3 .w1400 .line').css({ |
|||
'width': lineWidth, |
|||
'left': -linePosi |
|||
}) |
|||
$(window).resize(function(){ |
|||
let lineWidth = $('body').width() |
|||
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2 |
|||
$('.guanyuBlock3 .w1400 .line').css({ |
|||
'width': lineWidth, |
|||
'left': -linePosi |
|||
}) |
|||
}) |
|||
// 新闻资讯 |
|||
var swiper2 = new Swiper(".guanyuBlock4Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock4 .swiper-button-next", |
|||
prevEl: ".guanyuBlock4 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
997:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30 |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 70 |
|||
} |
|||
} |
|||
}); |
|||
// 荣誉证书 |
|||
var swiper3 = new Swiper(".guanyuBlock5Swiper", { |
|||
loop: true, |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock5 .swiper-button-next", |
|||
prevEl: ".guanyuBlock5 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView:2, |
|||
}, |
|||
997:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 30, |
|||
centeredSlides: true, |
|||
} |
|||
} |
|||
}); |
|||
$('.guanyuBlock7 .w1400 .right form .btn').click(function(){ |
|||
let name = $('#inputName').val() |
|||
let tel = $('#inputTel').val() |
|||
let content = $('#inputCont').val() |
|||
let re = /^1[3|4|5|6|7|8|9]\d{9}$/; |
|||
if(name == ''){ |
|||
alert('请输入您的姓名') |
|||
return |
|||
} |
|||
if (tel == '') { |
|||
alert("请输入您的号码"); |
|||
return false; |
|||
} else if (!re.test(tel)) { |
|||
alert("请输入正确的号码"); |
|||
return false; |
|||
} |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "Inquiry/save", |
|||
data: { |
|||
contacts_name: name, |
|||
phone: tel, |
|||
content: content, |
|||
referer: window.location.href |
|||
}, |
|||
success: function (res) { |
|||
$('.formTips').stop().fadeIn() |
|||
$('.guanyuBlock7 .w1400 .right form')[0].reset(); |
|||
setTimeout(function() { |
|||
$('.formTips').stop().fadeOut() |
|||
}, 3000); |
|||
}, |
|||
Error: function(res){ |
|||
alert('提交失败，请尝试联系客服') |
|||
} |
|||
}); |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
1179
public/themes/website/4/en/demo/single_index.html
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,170 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/jiage.css?version=1.01"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="jiageBlock"> |
|||
{hcTaglib:category id="153" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="win"> |
|||
{hcTaglib:category id="174" item="vo" field="*"} |
|||
<div class="titFirst">{$vo.sub_title}</div> |
|||
<div class="big">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="moreBtn"> |
|||
开始估算价格 |
|||
<img src="/themes/static/images/more2.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<div class="win2"> |
|||
{hcTaglib:category id="175" item="vo" field="*"} |
|||
<div class="tit"><span>1</span>{$vo.title}？*</div> |
|||
{/hcTaglib:category} |
|||
<div class="content"> |
|||
{hcTaglib:content cid="175" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list" data-price="{$vo.description}"> |
|||
<div class="img"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<p> |
|||
<span>{$vo.sub_title}</span> |
|||
{$vo.title} |
|||
</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win3"> |
|||
{hcTaglib:category id="176" item="vo" field="*"} |
|||
<div class="tit"><span>2</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="176" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win4"> |
|||
{hcTaglib:category id="177" item="vo" field="*"} |
|||
<div class="tit"><span>3</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="177" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win5"> |
|||
{hcTaglib:category id="178" item="vo" field="*"} |
|||
<div class="tit"><span>4</span>{$vo.title}？*</div> |
|||
{/hcTaglib:category} |
|||
<div class="content"> |
|||
{hcTaglib:content cid="178" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="pick"> |
|||
{hcTaglib:content cid="179" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<a href="javascript:;" data-price="{$vvo.sub_title}">{$vvo.title}<img src="/themes/static/images/true2.png" alt=""></a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win6"> |
|||
{hcTaglib:category id="180" item="vo" field="*"} |
|||
<div class="tit"><span>5</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="180" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win7"> |
|||
{hcTaglib:category id="181" item="vo" field="*"} |
|||
<div class="tit"><span>6</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="181" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win8"> |
|||
{hcTaglib:category id="182" item="vo" field="*"} |
|||
<div class="tit"><span>7</span>{$vo.title}？*</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="182" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win9"> |
|||
<div class="tit"><span>8</span>差不多了！请提供您的联系方式 *</div> |
|||
<form action="" id="form"> |
|||
<input type="text" id="formName" placeholder="请输入您的姓名"> |
|||
<input type="text" id="formWechat" placeholder="请输入你的微信号或WhatsApp”"> |
|||
<input type="text" id="formTel" placeholder="请输入您的电话"> |
|||
<a href="javascript:;" class="submit">Submit</a> |
|||
</form> |
|||
</div> |
|||
<div class="win10"> |
|||
<div class="content"> |
|||
<div class="tit"> |
|||
根据您的需求<br>您的智能家居预算预估 |
|||
</div> |
|||
<div class="price"> |
|||
<span></span>元 |
|||
</div> |
|||
<div class="tips"> |
|||
感谢您完成智能家居预估配置<br>我们将会有专业的团队与您联系<br>与您一同打造您理想中的智能家居 |
|||
</div> |
|||
{hcTaglib:category id="194" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn">查看案例<img src="/themes/static/images/more2.png" alt=""></a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 提示框 --> |
|||
<div class="blackBg"> |
|||
<div class="tips"> |
|||
<p>提示框</p> |
|||
<div class="text"></div> |
|||
<a href="javascript:;" class="close">确定</a> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/jiage.js"></script> |
|||
</body> |
|||
</html> |
|||
@ -1,268 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/jiejue.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="jiejueBlock"> |
|||
{hcTaglib:category id="168" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="contList"> |
|||
{hcTaglib:content cid="168" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<span></span> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="bottom"> |
|||
{hcTaglib:content cid="169" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$vo['cover']['url']|default=''}" alt=""></div> |
|||
<div class="posi"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="jiejueBlock2"> |
|||
{hcTaglib:category id="170" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="tab"> |
|||
{hcTaglib:subcategory pid="170" item="vo" field="*"} |
|||
<a href="javascript:;"><img src="{$vo['thumbnail']['url']|default=''}" alt="">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="content"> |
|||
{hcTaglib:subcategory pid="170" item="vo" field="*"} |
|||
<div class="cont"> |
|||
<div class="list"> |
|||
<div class="swiper jiejueBlock2Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="$vo.id" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo"} |
|||
<div class="swiper-slide"> |
|||
<div class="swiper jiejueBlock2Swiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="$vvo.main_content.atlas" id="vv" } |
|||
<div class="swiper-slide"><img src="{$vv.url}" alt="" srcset=""></div> |
|||
{/volist} |
|||
</div> |
|||
<div class="hoverLeft"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div> |
|||
</div> |
|||
<div class="hoverRight"> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<div class="tit"> |
|||
{$vvo.title} |
|||
</div> |
|||
<div class="tips"> |
|||
{$vvo.description} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="menuBox"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left5.png" alt=""></div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right5.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="jiejueBlock3"> |
|||
{hcTaglib:category id="170" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="left"> |
|||
{hcTaglib:subcategory pid="172" item="vo" field="*"} |
|||
<a href="javascript:;"> |
|||
{$vo.title}<img src="/themes/static/images/right3.png" alt=""> |
|||
<div class="noneBg"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
<div class="right"> |
|||
{hcTaglib:subcategory pid="172" item="vo" field="*"} |
|||
<div class="list"> |
|||
<div class="swiper jiejueBlock3Parent"> |
|||
<div class="ParentMenu"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left5.png" alt=""></div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right5.png" alt=""></div> |
|||
</div> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="$vo.id" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo"} |
|||
<div class="swiper-slide"> |
|||
<div class="tit">{$vvo.title}</div> |
|||
<div class="tips"> |
|||
{$vvo.description} |
|||
</div> |
|||
<div class="swiper jiejueBlock3child"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="$vvo.main_content.atlas" id="vo" } |
|||
<div class="swiper-slide"> |
|||
<img src="{$vo.url}" alt="{$vo.description}" srcset=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
<div class="hoverLeft"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div> |
|||
</div> |
|||
<div class="hoverRight"> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
if($(window).width() > 996 ){ |
|||
$('.jiejueBlock .w1400 .bottom .list').eq(0).addClass('on') |
|||
} |
|||
$(window).resize(function(){ |
|||
if($(window).width() > 996 ){ |
|||
$('.jiejueBlock .w1400 .bottom .list').removeClass('on') |
|||
} |
|||
}) |
|||
$('.jiejueBlock .w1400 .bottom .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).addClass('on') |
|||
$(this).siblings('').removeClass('on') |
|||
} |
|||
}) |
|||
var swiper = new Swiper(".jiejueBlock2Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".jiejueBlock2Swiper .menuBox .swiper-button-next", |
|||
prevEl: ".jiejueBlock2Swiper .menuBox .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
996:{ |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
} |
|||
} |
|||
}); |
|||
var swiper = new Swiper(".jiejueBlock2Swiper2", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".jiejueBlock2Swiper2 .swiper-button-next", |
|||
prevEl: ".jiejueBlock2Swiper2 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
996:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30, |
|||
} |
|||
} |
|||
}); |
|||
// tab切换 |
|||
let tabOn |
|||
$('.jiejueBlock2 .w1400 .content .cont .list').eq(0).fadeIn() |
|||
$('.jiejueBlock2 .w1400 .tab a').eq(0).addClass('on') |
|||
$('.jiejueBlock2 .w1400 .tab a').click(function(){ |
|||
$(this).addClass('on') |
|||
$(this).siblings().removeClass('on') |
|||
let thisClick = $(this).index() |
|||
$('.jiejueBlock2 .w1400 .content .cont .list').css('display','none') |
|||
$('.jiejueBlock2 .w1400 .content .cont .list').eq(thisClick).fadeIn() |
|||
}) |
|||
|
|||
// 智能系统经验 |
|||
$('.jiejueBlock3 .w1400 .left a').eq(0).addClass('on') |
|||
$('.jiejueBlock3 .w1400 .left a').eq(0).children('.noneBg').fadeIn() |
|||
$('.jiejueBlock3 .w1400 .right .list').eq(0).fadeIn() |
|||
$('.jiejueBlock3 .w1400 .left a').click(function(){ |
|||
let block3Click = $(this).index() |
|||
$(this).addClass('on') |
|||
$(this).siblings().removeClass('on') |
|||
$(this).children('.noneBg').stop().fadeIn() |
|||
$(this).siblings().children('.noneBg').stop().fadeOut() |
|||
$('.jiejueBlock3 .w1400 .right .list').css('display','none') |
|||
$('.jiejueBlock3 .w1400 .right .list').eq(block3Click).stop().fadeIn() |
|||
}) |
|||
var swiper = new Swiper(".jiejueBlock3Parent", { |
|||
navigation: { |
|||
nextEl: ".jiejueBlock3Parent .ParentMenu > .swiper-button-next", |
|||
prevEl: ".jiejueBlock3Parent .ParentMenu > .swiper-button-prev", |
|||
}, |
|||
}); |
|||
var swiper = new Swiper(".jiejueBlock3child", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".jiejueBlock3child .swiper-button-next", |
|||
prevEl: ".jiejueBlock3child .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 20, |
|||
}, |
|||
996:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 43, |
|||
} |
|||
} |
|||
}); |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,142 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/jishu.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="199" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="jishuBlock" id="block1"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="200" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400"> |
|||
{hcTaglib:content cid="200" moduleId='1' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<div class="list"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="border"></div> |
|||
<div class="text">{$vo.title}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="jishuBlock2" id="block2"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="201" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="content"> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="201" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="list"> |
|||
<img src="{$vo['cover']['url']|default=''}" alt=""> |
|||
<div class="tit"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="posi"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<span></span> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="swiper-pagination"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="jishuBlock3" id="block3"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="202" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
{hcTaglib:content cid="202" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="right"> |
|||
{hcTaglib:category id="202" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".mySwiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
pagination: { |
|||
el: ".swiper-pagination", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30 |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 40 |
|||
}, |
|||
1560:{ |
|||
slidesPerView: 5, |
|||
spaceBetween: 0 |
|||
} |
|||
} |
|||
}); |
|||
|
|||
$('.jishuBlock2 .content .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).addClass('on') |
|||
return |
|||
} |
|||
},function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).removeClass('on') |
|||
return |
|||
} |
|||
|
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,211 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/zhaopin.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="zhaopinBlock"> |
|||
<div class="w1400"> |
|||
<div class="tab zn"> |
|||
<div class="tit"> |
|||
职能： |
|||
</div> |
|||
<div class="list"> |
|||
<a href="javascript:;" data-id='0'>全部</a> |
|||
{hcTaglib:subcategory pid="244" moduleId="9" item="vo" field="id,title"} |
|||
<a href="javascript:;" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="tab dq"> |
|||
<div class="tit"> |
|||
地区： |
|||
</div> |
|||
<div class="list"> |
|||
<a href="javascript:;" data-id='0'>全部</a> |
|||
{hcTaglib:subcategory pid="245" moduleId="9" item="vo" field="id,title"} |
|||
<a href="javascript:;" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
<div class="content"> |
|||
{if isset($job)} |
|||
{volist name="job" id="vo"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="addr">地点：{$vo.sub_title}</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
<div class="cont"> |
|||
<div class="center"> |
|||
<div class="contList"> |
|||
<div class="contTit">岗位职责：</div> |
|||
<div class="text"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">任职要求：</div> |
|||
<div class="text"> |
|||
{$vo.main_content.rzyq|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">待遇简介</div> |
|||
<div class="text"> |
|||
{$vo.main_content.dyjj|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">优享待遇</div> |
|||
<div class="text"> |
|||
{$vo.main_content.hxgg|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
{else /} |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="" item="vo"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="addr">地点：{$vo.sub_title}</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
<div class="cont"> |
|||
<div class="center"> |
|||
<div class="contList"> |
|||
<div class="contTit">岗位职责：</div> |
|||
<div class="text"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">任职要求：</div> |
|||
<div class="text"> |
|||
{$vo.main_content.rzyq|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">待遇简介</div> |
|||
<div class="text"> |
|||
{$vo.main_content.dyjj|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">核心骨干股权激励计划</div> |
|||
<div class="text"> |
|||
{$vo.main_content.hxgg|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
{/if} |
|||
</div> |
|||
{if isset($job)} |
|||
{$job|raw} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<script> |
|||
$('.zhaopinBlock .w1400 .zn .list a').eq(0).addClass('on') |
|||
$('.zhaopinBlock .w1400 .dq .list a').eq(0).addClass('on') |
|||
$('.zhaopinBlock .w1400 .content .list .top').click(function(){ |
|||
if($(this).hasClass('on')){ |
|||
$(this).removeClass('on') |
|||
$(this).siblings('.cont').stop().animate({'height': 0}) |
|||
return |
|||
} |
|||
$(this).addClass('on') |
|||
$(this).siblings('.cont').stop().animate({'height': $(this).siblings('.cont').children('.center').outerHeight()}) |
|||
}) |
|||
// |
|||
function getUrlParam(name) { |
|||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 |
|||
var r = window.location.search.substr(1).match(reg); //匹配目标参数 |
|||
if (r != null) return decodeURI(r[2]); return null; //返回参数值 |
|||
} |
|||
let baseUrl = '/{:request()->pathinfo()}?'; |
|||
let tab1 = getUrlParam('zn') |
|||
let tab2 = getUrlParam('dq') |
|||
// $('.zhaopinBlock .w1400 .zn .list a').click(function(){ |
|||
// $(this).siblings().removeClass('on') |
|||
// $(this).addClass('on') |
|||
// let thisClick = $(this).html() |
|||
// window.location.href = baseUrl + 'zn=' + thisClick + '&dq=' + tab2 |
|||
// }) |
|||
// $('.zhaopinBlock .w1400 .dq .list a').click(function(){ |
|||
// $(this).siblings().removeClass('on') |
|||
// $(this).addClass('on') |
|||
// let thisClick2 = $(this).html() |
|||
// window.location.href = baseUrl + 'zn=' + tab1 + '&dq=' + thisClick2 |
|||
// }) |
|||
$('.zhaopinBlock .w1400 .zn .list a').click(function(){ |
|||
if(tab2 == null){ |
|||
tab2 = 0 |
|||
} |
|||
let thisClick = $(this).attr('data-id') |
|||
window.location.href = baseUrl + 'zn=' + thisClick + '&dq=' + tab2 |
|||
}) |
|||
$('.zhaopinBlock .w1400 .dq .list a').click(function(){ |
|||
if(tab1 == null){ |
|||
tab1 = 0 |
|||
} |
|||
let thisClick2 = $(this).attr('data-id') |
|||
window.location.href = baseUrl + 'zn=' + tab1 + '&dq=' + thisClick2 |
|||
}) |
|||
// |
|||
$('.zhaopinBlock .w1400 .zn .list a').each(function(){ |
|||
if($(this).attr('data-id') == tab1){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
$('.zhaopinBlock .w1400 .dq .list a').each(function(){ |
|||
if($(this).attr('data-id') == tab2){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,259 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/solution.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/solution.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<main class="main-solution" data-nav="解决方案"> |
|||
{if !empty($sub_cates[0])} |
|||
<section class="sl-hero"> |
|||
<div class="sl-hero__intro section__wrap" data-header-dark> |
|||
<h1 class="sl-hero__title">{$sub_cates[0]['title'] ?? ''}</h1> |
|||
<p class="sl-hero__desc"> |
|||
{$sub_cates[0]['description'] ?? ''} |
|||
</p> |
|||
</div> |
|||
<div class="sl-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="sl-adv section__wrap" id="adv" data-header-dark> |
|||
<h2 class="sl-adv__title">{$sub_cates[1]['title'] ?? ''}</h2> |
|||
<ul class="sl-adv__list"> |
|||
{php} |
|||
$contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); |
|||
{/php} |
|||
{volist name="contents" id="vo"} |
|||
<li class="sl-adv__item"> |
|||
<h3 class="sl-adv__name">{$vo['title'] ?? ''}</h3> |
|||
<p class="sl-adv__text">{$vo['description'] ?? ''}</p> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</section> |
|||
{/if} |
|||
{if !empty($sub_cates[2])} |
|||
<section class="sl-arch section__wrap" id="arch" data-header-dark> |
|||
<h2 class="sl-arch__title">{$sub_cates[2]['title'] ?? ''}</h2> |
|||
<div class="sl-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="sl-core section__wrap" id="core" data-header-dark> |
|||
<div class="sl-core__head"> |
|||
<h2 class="sl-core__title">{$sub_cates[3]['title'] ?? ''}</h2> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div class="sl-core__swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{php} |
|||
$contents = getMixContentBySolutionName($current_cate['title'],$sub_cates[3]['id'],$seller_id, 6); |
|||
{/php} |
|||
{volist name="contents" id="vo"} |
|||
<article class="swiper-slide sl-core__card"> |
|||
<!-- TODO vo.source -> solution:商品 category:文章--> |
|||
<a class="sl-core__card-link" href=""> |
|||
<div class="sl-core__card-media"> |
|||
<img src="{$vo['thumbnail'] ?? ''}" alt="{$vo['title'] ?? ''}" width="528" height="330" loading="lazy" /> |
|||
</div> |
|||
<div class="sl-core__card-foot"> |
|||
<h3 class="sl-core__card-name">{$vo['title'] ?? ''}</h3> |
|||
<span class="sl-core__card-arrow" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="12" height="11" /> |
|||
</span> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<div class="sl-core__arrows-mobile"> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/if} |
|||
{if !empty($sub_cates[4])} |
|||
<section class="sl-clients section__wrap" id="clients" data-header-dark> |
|||
<h2 class="sl-clients__title">{$sub_cates[4]['title'] ?? ''}</h2> |
|||
{php} |
|||
$contents = getContentByCategory($sub_cates[4]['id'], $seller_id, 20, 'sort asc', ['thumbnail', 'category']); |
|||
$clients_marquee = is_array($contents) && count($contents) > 5; |
|||
{/php} |
|||
<div class="sl-clients__viewport{if $clients_marquee} is-marquee{/if}"> |
|||
<div class="sl-clients__grid"> |
|||
{volist name="contents" id="vo"} |
|||
<div class="sl-clients__item"><img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="252" height="160" loading="lazy" /></div> |
|||
{/volist} |
|||
{if $clients_marquee} |
|||
{volist name="contents" id="vo"} |
|||
<div class="sl-clients__item" aria-hidden="true"><img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="252" height="160" loading="lazy" /></div> |
|||
{/volist} |
|||
{/if} |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/if} |
|||
{if !empty($sub_cates[5])} |
|||
<section class="sl-cases section__wrap" id="cases" data-header-dark> |
|||
<h2 class="sl-cases__title">{$sub_cates[5]['title'] ?? ''}</h2> |
|||
<div class="sl-cases__body"> |
|||
<div class="sl-cases__stage" aria-hidden="true"> |
|||
<div class="sl-cases__media-swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{php} |
|||
$contents = getContentByCategory($sub_cates[5]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); |
|||
{/php} |
|||
{volist name="contents" id="vo"} |
|||
<div class="swiper-slide sl-cases__card"> |
|||
<img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="650" height="457" /> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="sl-cases__copy"> |
|||
<div class="sl-cases__content-swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{php} |
|||
$contents = getContentByCategory($sub_cates[5]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); |
|||
{/php} |
|||
{volist name="contents" id="vo"} |
|||
<article class="swiper-slide sl-cases__panel"> |
|||
<h3 class="sl-cases__name">{$vo['title'] ?? ''}</h3> |
|||
<p class="sl-cases__sub-name">{$vo['sub_title'] ?? ''}</p> |
|||
<p class="sl-cases__desc">{$vo['description'] ?? ''}</p> |
|||
<div class="sl-cases__tags"> |
|||
{php}$descArr = explode(',',$vo['seo_description']);{/php} |
|||
{if !empty($descArr)} |
|||
{volist name="descArr" id="vv"} |
|||
<span>{$vv}</span> |
|||
{/volist} |
|||
{/if} |
|||
</div> |
|||
</article> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<div class="sl-cases__nav"> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</button> |
|||
</div> |
|||
<div class="sl-cases__pager" aria-live="polite"> |
|||
<span class="sl-cases__pager-current">1</span> |
|||
<span class="sl-cases__pager-sep">/</span> |
|||
<span class="sl-cases__pager-total">4</span> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,281 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
{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;width: 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="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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</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']])}">Explore more</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="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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</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="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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</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="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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</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>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 class="sl2-more__arrows-mobile"> |
|||
<div class="s-arrows"> |
|||
<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> |
|||
|
|||
</button> |
|||
<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> |
|||
|
|||
</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> |
|||
@ -0,0 +1,166 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<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/video.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/video.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-video" data-header-dark data-nav="服务支持"> |
|||
<div class="v-page section__wrap"> |
|||
<div class="v-head"> |
|||
<h1 class="v-head__title">{$current_cate.title}</h1> |
|||
<p class="v-head__desc">{$current_cate.description}</p> |
|||
</div> |
|||
|
|||
<div class="v-toolbar"> |
|||
{php} |
|||
$filter_cid = (string)input('cid', ''); |
|||
$filter_all_id = (string)($current_cate['id'] ?? ''); |
|||
if ($filter_cid === '') { |
|||
$filter_cid = $filter_all_id; |
|||
} |
|||
$filter_keywords = (string)input('keywords', ''); |
|||
$filter_is_all = ($filter_cid === $filter_all_id); |
|||
$filter_label = 'Filter by product'; |
|||
if (!$filter_is_all && !empty($sub_cates)) { |
|||
foreach ($sub_cates as $sc) { |
|||
if ((string)($sc['id'] ?? '') === $filter_cid) { |
|||
$filter_label = $sc['title'] ?? $filter_label; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
{/php} |
|||
<div class="v-filter__group"> |
|||
<button type="button" class="v-filter{if !$filter_is_all} is-selected{/if}" aria-haspopup="listbox" aria-expanded="false" data-filter-trigger> |
|||
<span>{$filter_label}</span> |
|||
<svg class="v-filter__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true"> |
|||
<path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" /> |
|||
</svg> |
|||
</button> |
|||
<div class="v-filter__dropdown" data-filter-dropdown hidden> |
|||
<button type="button" class="v-filter__dropdown-item{if $filter_is_all} is-active{/if}" data-tab="{$current_cate.id}" data-filter-clear>All</button> |
|||
{volist name="sub_cates" id="vo"} |
|||
{php}$vo_id = (string)($vo['id'] ?? '');{/php} |
|||
<button type="button" data-tab="{$vo.id}" class="v-filter__dropdown-item{if $filter_cid == $vo_id} is-active{/if}">{$vo.title}</button> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<form class="s-search" role="search" data-tab-search> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="keywords" value="{$filter_keywords}" placeholder="Search video keywords" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">Search</button> |
|||
</form> |
|||
</div> |
|||
|
|||
<div class="v-grid"> |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="12" item="vo"} |
|||
<button type="button" class="v-card" data-video-src="{$vo.cover.url ?? ''}"> |
|||
<div class="v-card__media"> |
|||
<img class="v-card__cover" src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="225" |
|||
loading="lazy" /> |
|||
<span class="v-card__duration">{$vo.description}</span> |
|||
<span class="v-card__play" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2013.5386%2016'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='13.538574'%20height='16.000000'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='多边形%201'%20d='M8.86093%201.45695L15.1085%2012.0297C15.5024%2012.6963%2015.0219%2013.5384%2014.2476%2013.5384L1.75245%2013.5384C0.978149%2013.5384%200.497614%2012.6963%200.891523%2012.0297L7.13907%201.45695C7.52614%200.801924%208.47387%200.801924%208.86093%201.45695Z'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20transform='matrix(0,1,-1,0,13.5386,0)'%20/%3e%3c/svg%3e" alt="" width="14" height="16" /> |
|||
</span> |
|||
</div> |
|||
<h2 class="v-card__title">{$vo.title}</h2> |
|||
<time class="v-card__date" datetime="{$vo.publish_time}">{$vo.publish_time|date='Y-m-d'}</time> |
|||
</button> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = 'No matching videos'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
|
|||
<div class="v-modal" id="v-modal" hidden> |
|||
<div class="v-modal__backdrop" data-v-modal-close></div> |
|||
<div class="v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="v-modal-title"> |
|||
<div class="v-modal__head"> |
|||
<h2 class="v-modal__title" id="v-modal-title">Video</h2> |
|||
<button type="button" class="v-modal__close" data-v-modal-close aria-label="Close"> |
|||
<img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" /> |
|||
</button> |
|||
</div> |
|||
<div class="v-modal__body"> |
|||
<video class="v-modal__video" id="v-modal-video" controls playsinline></video> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -1,656 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>智能家居整体解决方案服务商 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/about.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/about.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<header class="site-header navbar navbar-expand-md" data-aos="fade"> |
|||
<div class="site-header__container"> |
|||
<a class="site-header__logo" href="index.html"> |
|||
<img class="light-logo" src="assets/images/logo.png" alt="宅极慧 IHM"> |
|||
<img class="dark-logo" src="assets/images/logo-dark.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<nav class="site-header__nav"> |
|||
<a class="site-header__nav-link hover_underline" href="index.html">首页</a> |
|||
<div class="site-header__nav-item"> |
|||
<a class="site-header__nav-link" href="#" |
|||
aria-haspopup="true" id="site-header-nav-products">产品及解决方案</a> |
|||
<div class="site-header__dropdown glass-card" role="menu" aria-labelledby="site-header-nav-products"> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/product-smart-home/index.html">智能家居系统</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/yimei/index.html">智慧医养解决方案</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/jiudian/index.html">酒店客房控制系统</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/dengguang/index.html">智能灯控系统</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/kongtiao/index.html">中央空调系统</a> |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="/green-energy/index.html">绿色能源解决方案</a> |
|||
</div> |
|||
</div> |
|||
<a class="site-header__nav-link hover_underline" href="/about/index.html">关于宅极慧</a> |
|||
</nav> |
|||
<div class="site-header__actions"> |
|||
<button class="site-header__contact-btn s-btn s-btn--primary" type="button">联系我们</button> |
|||
<button class="site-header__icon-btn glass-card" type="button" aria-label="微信"> |
|||
<svg viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="21.500000" height="21.500000" fill="none" customFrame="#000000"> |
|||
<path id="Vector (Stroke)" |
|||
d="M4.32801 4.09262C2.58444 5.77492 1.5 8.13581 1.5 10.75C1.5 15.8586 5.64137 20 10.75 20C10.8775 20 11.0044 19.9974 11.1307 19.9923C10.9252 19.0807 10.8974 17.8551 11.524 16.6743C12.1761 15.4455 13.5262 14.9122 14.5189 14.6682C15.039 14.5404 15.5208 14.4773 15.8711 14.4459C16.0472 14.4301 16.1923 14.4221 16.2952 14.418C16.3466 14.416 16.3877 14.4149 16.417 14.4144L16.4519 14.4139L16.4604 14.4138C18.1329 14.3964 18.8864 13.8525 19.2863 13.3336C19.6279 12.8904 19.7569 12.4471 19.8877 11.9975C19.9043 11.9403 19.921 11.883 19.9381 11.8256C19.979 11.4727 20 11.1138 20 10.75C20 8.22592 18.989 5.93797 17.3499 4.26898C17.3412 4.30304 17.3323 4.3366 17.3232 4.3696C17.1604 4.96256 16.8975 5.57114 16.6118 6.00475C16.3559 6.39313 15.8595 6.78492 15.4475 7.08094C15.1763 7.27578 14.894 7.4413 14.6379 7.58888C14.607 7.60672 14.5765 7.62428 14.5463 7.6416C14.3183 7.77278 14.1131 7.89077 13.9156 8.02123C13.4838 8.30655 13.1497 8.61363 12.9248 9.07729C12.8461 9.23966 12.8436 9.39808 12.8902 9.56769C12.9648 9.83921 13.0156 10.1446 13.0164 10.456C13.0181 11.105 12.6875 11.6317 12.2626 11.9741C11.8428 12.3125 11.2941 12.506 10.7418 12.5C8.28653 12.4731 6.77692 10.4806 6.57782 8.26448C6.49861 7.38293 6.11212 6.49121 5.62411 5.71185C5.17593 4.9961 4.67094 4.42095 4.32801 4.09262ZM5.49505 3.13662C5.9101 3.55462 6.43084 4.17381 6.89544 4.91579C7.45296 5.80616 7.96374 6.92759 8.0718 8.13025C8.22276 9.81051 9.28489 10.984 10.7582 11C10.9608 11.0023 11.1712 10.9272 11.3214 10.8062C11.4665 10.6893 11.5167 10.5658 11.5164 10.4599C11.516 10.3044 11.4898 10.1325 11.4437 9.96483C11.3226 9.52357 11.3053 8.97925 11.5752 8.42271C11.9602 7.62891 12.5308 7.13838 13.0888 6.76971C13.3279 6.61171 13.576 6.46918 13.7998 6.34055C13.83 6.32322 13.8597 6.30613 13.8889 6.2893C14.1441 6.14218 14.3682 6.00939 14.5722 5.86277C15.0033 5.55305 15.276 5.30581 15.3592 5.17947C15.5417 4.90255 15.7469 4.44533 15.8767 3.9725C15.9796 3.59787 16.0081 3.31036 15.9985 3.13216C14.5073 2.10281 12.699 1.5 10.75 1.5C8.79814 1.5 6.98748 2.10455 5.49505 3.13662ZM21.4292 11.9903C21.476 11.5833 21.5 11.1695 21.5 10.75C21.5 4.81294 16.6871 0 10.75 0C4.81294 0 0 4.81294 0 10.75C0 16.6871 4.81294 21.5 10.75 21.5C16.2104 21.5 20.7199 17.4289 21.4088 12.1564C21.4271 12.0929 21.4429 12.04 21.4571 12.0001L21.4292 11.9903ZM18.6547 15.5566C18.0591 15.7749 17.3412 15.9047 16.4761 15.9138L16.4682 15.9138L16.4682 15.9138L16.4656 15.9138L16.445 15.9141C16.4255 15.9145 16.3949 15.9152 16.3544 15.9168C16.2733 15.9201 16.1534 15.9266 16.0052 15.9399C15.7071 15.9666 15.3037 16.02 14.8769 16.1249C13.9757 16.3464 13.185 16.7442 12.849 17.3774C12.3935 18.2357 12.4585 19.1696 12.6284 19.8092C15.1774 19.2834 17.3431 17.7089 18.6547 15.5566Z" |
|||
fill-rule="evenodd" /> |
|||
</svg> |
|||
</button> |
|||
<button class="site-header__icon-btn search-btn" type="button" aria-label="搜索"> |
|||
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="20.000000" height="20.000000" fill="none" customFrame="#000000"> |
|||
<path id="Vector" |
|||
d="M9.53488 1.39535C5.03954 1.39535 1.39535 5.03954 1.39535 9.53488C1.39535 14.0302 5.03954 17.6744 9.53488 17.6744C14.0302 17.6744 17.6744 14.0302 17.6744 9.53488C17.6744 5.03954 14.0302 1.39535 9.53488 1.39535ZM0 9.53488C0 4.26891 4.26891 0 9.53488 0C14.8009 0 19.0698 4.26891 19.0698 9.53488C19.0698 11.9168 18.1964 14.0946 16.7524 15.7658L19.7957 18.809C20.0681 19.0815 20.0681 19.5232 19.7957 19.7957C19.5232 20.0681 19.0815 20.0681 18.809 19.7957L15.7658 16.7524C14.0946 18.1964 11.9168 19.0698 9.53488 19.0698C4.26891 19.0698 0 14.8009 0 9.53488Z" |
|||
fill-rule="evenodd" /> |
|||
</svg> |
|||
</button> |
|||
<button class="site-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="打开导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<div class="about-page"> |
|||
<section class="section__banner"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">智能家居整体解<br />决方案服务商</h1> |
|||
<p class="section__banner__sub">关于宅极慧iHM</p> |
|||
</div> |
|||
</section> |
|||
<section class="about-section-1 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">宅极会慧iHM</h1> |
|||
<p class="about__sub_title">关于宅极会慧</p> |
|||
</div> |
|||
<div data-aos="fade-up"> |
|||
<p class="about__desc"> |
|||
宅极慧iHM为韩浓机电集团旗下品牌，创立于2006年，秉承着成为客户满意的智能家居服务商的理念，打造与用户共筑一个更个性、更智慧的家的愿景，是专业的智能家居整体解决方案服务商。致力于打造智能家居泛生态系统，严选国内外知名品牌，为客户度身定制高体验感的智能系统集成方案。 |
|||
</p> |
|||
<p class="about__desc"> |
|||
宅极慧iHM在上海、广州和香港等地设办事处，以“体验化、国际化”为目标，秉承五星智能家居管家服务体系，我们致力于为广大家庭提供更个性，更便捷舒适的智能生活体验，在设计，产品、服务，安装，调试方面不断迭代，让每一个客户省心，舒心，为您缔造五星级般的智能控制体验。 |
|||
</p> |
|||
<p class="about__desc"> |
|||
宅极慧iHM客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店，喜达屋集团，瑞吉酒店，和平饭店，中信集团，金茂集团，中粮集团，瑞安集团等。目标为全球亿万家庭创造智能个性新生活! |
|||
</p> |
|||
</div> |
|||
<div class="section__metrics row gx-0"> |
|||
<div class="section__metric-item col-4"> |
|||
<div class="item_wrap w-100 d-flex align-items-center flex-column"> |
|||
<p class="section__metric-value"> |
|||
<span class="counter">2006</span> |
|||
年 |
|||
</p> |
|||
<p class="section__metric-label">公司成立时间</p> |
|||
</div> |
|||
</div> |
|||
<div class="section__metric-item col-4"> |
|||
<div class="item_wrap w-100 d-flex align-items-center flex-column"> |
|||
<p class="section__metric-value"><span class="counter">50000</span>+</p> |
|||
<p class="section__metric-label">智能化设计</p> |
|||
</div> |
|||
</div> |
|||
<div class="section__metric-item col-4"> |
|||
<div class="item_wrap w-100 d-flex align-items-center flex-column"> |
|||
<p class="section__metric-value"><span class="counter">123</span>级城市</p> |
|||
<p class="section__metric-label">落地化项目区域分布</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="section1_img"> |
|||
<img src="themes/static_new/static/assets/section-1-img-DKytX7rf.png" alt=""> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="about-section-2 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">企业文化</h1> |
|||
<p class="about__sub_title">以客户为中心 以员公为中心</p> |
|||
</div> |
|||
<div class="concept-grid" data-aos="fade-up"> |
|||
<!-- 第一行 --> |
|||
<div class="grid-item"> |
|||
<img src="themes/static_new/static/assets/section-2-img-1-EADjXg3Q.png" alt="现代智能家居" class="grid-item__img" /> |
|||
<div class="text-content"> |
|||
<h3>我们的愿景</h3> |
|||
<p class="en">OUR VISION</p> |
|||
<p class="desc">成为国际知名的智能家居集成商</p> |
|||
</div> |
|||
</div> |
|||
<div class="grid-item"> |
|||
<div class="text-content"> |
|||
<h3>我们的理念</h3> |
|||
<p class="en">OUR CONCEPT</p> |
|||
<p class="desc">与用户共筑一个更个性更智慧的家</p> |
|||
</div> |
|||
<img src="themes/static_new/static/assets/section-2-img-3-DyGoFkXz.png" alt="城市夜景" class="grid-item__img" /> |
|||
</div> |
|||
<div class="grid-item"> |
|||
<img src="themes/static_new/static/assets/section-2-img-2-BIf-cjKB.png" alt="团队合作" class="grid-item__img" /> |
|||
<div class="text-content"> |
|||
<h3>价值观</h3> |
|||
<p class="en">VALUES</p> |
|||
<p class="desc">利他思想、永不言弃、团队合作</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</section> |
|||
<section class="about-section-3 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">发展历程</h1> |
|||
<p class="about__sub_title">经历十多年努力，不畏艰难，勇于迎接挑战</p> |
|||
</div> |
|||
<div class="about-section-3-slider swiper__wrap" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2023<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-1-BEn8ynYD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">升级</h3> |
|||
<p class="s-card__desc">升级“宅极慧iHM”品牌，专注于智能家居领域，与用户共筑一个更个性，更智慧的家。</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2022<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-2-OnbzrgOK.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">新片</h3> |
|||
<p class="s-card__desc">在广州设立办事处，以“体验化、国际化”为目标，目标为全球亿万家庭创造智能个性新生活!</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2019<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-3-ByvCf-YP.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">深耕</h3> |
|||
<p class="s-card__desc">在智能领域深耕不辍，韩浓机电向全球前沿品牌迈进。</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2015<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">普及</h3> |
|||
<p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2014<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">普及</h3> |
|||
<p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">2013<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">普及</h3> |
|||
<p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button data-3-prev type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button data-3-next type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<section class="about-section-4 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">新闻资讯</h1> |
|||
<p class="about__sub_title">抓住机会，了解市场前沿动态</p> |
|||
</div> |
|||
<div class="swiper__wrap swiper__wrap2" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-1-DMj9HxJ4.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧HM好口碑获得消费者点赞</h3> |
|||
<p class="s-card__sub-title">2023-04-07</p> |
|||
<p class="s-card__desc">随着科技的不断发展,全屋智能家居方案正在逐渐成为人们生活的一部分。据Statista调查数据统计2...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-2-DZSr_UNc.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧iHM全屋智能系统，为你打造随心所欲的智慧生活方式 </h3> |
|||
<p class="s-card__sub-title">2023-02-13</p> |
|||
<p class="s-card__desc">随着物联网与信息技术的发展，催生了“宅经济“懒人经济”兴起，智能家居因其智能的交互方式正成...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-3-Bcfpb0mD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!智能家居新蓝海新星，宅极慧iHM打造最懂你的智慧家 </h3> |
|||
<p class="s-card__sub-title">2023-02-10</p> |
|||
<p class="s-card__desc">近日，国务院发布了《扩大内需战略规划纲要(2022-2035年)》，其中提到要促进家庭装修消...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-1-DMj9HxJ4.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧HM好口碑获得消费者点赞</h3> |
|||
<p class="s-card__sub-title">2023-04-07</p> |
|||
<p class="s-card__desc">随着科技的不断发展,全屋智能家居方案正在逐渐成为人们生活的一部分。据Statista调查数据统计2...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-2-DZSr_UNc.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧iHM全屋智能系统，为你打造随心所欲的智慧生活方式 </h3> |
|||
<p class="s-card__sub-title">2023-02-13</p> |
|||
<p class="s-card__desc">随着物联网与信息技术的发展，催生了“宅经济“懒人经济”兴起，智能家居因其智能的交互方式正成...</p> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-3-Bcfpb0mD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!智能家居新蓝海新星，宅极慧iHM打造最懂你的智慧家 </h3> |
|||
<p class="s-card__sub-title">2023-02-10</p> |
|||
<p class="s-card__desc">近日，国务院发布了《扩大内需战略规划纲要(2022-2035年)》，其中提到要促进家庭装修消...</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div class="btn__wrap justify-content-center d-flex" data-aos="fade-up"> |
|||
<a class="s-btn s-btn--ghost" type="button"> |
|||
<span>更多资询</span> |
|||
<img src="assets/images/arrow-r-black.png" alt="向右箭头" class="s-btn__arrow"> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- <section class="about-section-5 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">荣誉证书</h1> |
|||
<p class="about__sub_title">荣誉资质见证宅极慧iHM品牌实力</p> |
|||
</div> |
|||
<div class="swiper__wrap swiper__wrap3" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper3"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-1.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-2.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-3.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-1.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-2.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-3.png" alt="现代智能家居" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="../assets/images/arrow-left.png" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="../assets/images/arrow-right.png" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
|
|||
</section> --> |
|||
<section class="about-section-6 section-wrap"> |
|||
<div data-aos="fade-up" |
|||
class="section__innner h-100 d-flex flex-column align-items-center justify-content-center"> |
|||
<div class="section6__header"> |
|||
<h1 class="section6__title">加入宅极慧iHM，一起创造大场面</h1> |
|||
<p class="section6__sub_title">我们一直坚信，我们的产品服务能提升人们的生活体验</p> |
|||
</div> |
|||
<button class="s-btn glass-card"> |
|||
<span>产看岗位信息</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="" class="s-btn__arrow"> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
<section class="about-section-7 section-wrap" data-header-dark> |
|||
<div class="section__inner"> |
|||
<div class="section__inner_head" data-aos="fade-up"> |
|||
<div class="about__header"> |
|||
<h1 class="about__title">联系我们</h1> |
|||
<p class="about__sub_title">用智能科技，让每一座建筑都更懂生活</p> |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们表单 --> |
|||
<div class="contact-us" data-aos="fade-up"> |
|||
<!-- 左侧：联系信息 --> |
|||
<div class="content_left"> |
|||
<div class="info-item"> |
|||
<label> |
|||
<img src="../assets/images/case-page/section-2-icon-1.png" class="case-icon" /> |
|||
<span>手机号</span> |
|||
</label> |
|||
<div class="info-detail"> |
|||
<span class="number">186 2136 8747</span> |
|||
<span class="number">9430 9797<small>(香港)</small></span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="info-item"> |
|||
<label> |
|||
<img src="../assets/images/case-page/section-2-icon-2.png" class="case-icon email" /> |
|||
<span>邮箱</span> |
|||
</label> |
|||
<div class="info-detail"> |
|||
<span class="number">terence@yzihm.com</span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="qr-group"> |
|||
<div class="qr-item"> |
|||
<img src="../assets/images/case-page/section-2-img-1.png" alt="微信"> |
|||
<span>扫码添加<br /> |
|||
微信</span> |
|||
</div> |
|||
<div class="qr-item"> |
|||
<img src="../assets/images/case-page/section-2-img-2.png" alt="微信"> |
|||
<span>扫码添加<br />Whatsapp</span> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="office-group"> |
|||
<label> |
|||
<img src="../assets/images/case-page/section-2-icon-3.png" class="case-icon" /> |
|||
<span>办事处</span> |
|||
</label> |
|||
<div class="office-list"> |
|||
<div class="office-item"> |
|||
<img src="../assets/images/case-page/section-2-icon-4.png"> |
|||
<span>广州宅极慧智能家居有限公司</span> |
|||
</div> |
|||
<div class="office-item"> |
|||
<img src="../assets/images/case-page/section-2-icon-5.png"> |
|||
<span>上海韩浓机电有限公司</span> |
|||
</div> |
|||
<div class="office-item"> |
|||
<img src="../assets/images/case-page/section-2-icon-6.png"> |
|||
<span>香港宅极慧有限公司</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧：表单预约 --> |
|||
<div class="content_right"> |
|||
<h2 class="form-title">在线预约</h2> |
|||
<form class="booking-form"> |
|||
<div class="input-group"> |
|||
<input type="text" placeholder="请输入您的姓名"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<input type="tel" placeholder="请输入您的电话"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<textarea placeholder="留言内容"></textarea> |
|||
</div> |
|||
<button type="submit" class="submit-btn s-btn glass-card">立即提交</button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
<footer class="site-footer"> |
|||
<div class="site-footer__top"> |
|||
<div class="site-footer__left"> |
|||
<a class="site-footer__logo" href="index.html"> |
|||
<img src="assets/images/logo.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<ul class="site-footer__contact-list"> |
|||
<li class="site-footer__contact-item"> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="assets/images/location.png" alt="地址"> |
|||
<span>广州市海珠区琶洲会展东商务中心212室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="assets/images/phone.png" alt="电话"> |
|||
<span>+86-18816821013</span> |
|||
</p> |
|||
</li> |
|||
<li class="site-footer__contact-item"> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="assets/images/location.png" alt="地址"> |
|||
<span>九龙太子道东704号新时代工贸商业中心28楼6室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="assets/images/phone.png" alt="电话"> |
|||
<span>+852-94509798</span> |
|||
</p> |
|||
</li> |
|||
</ul> |
|||
<div class="site-footer__qr-group"> |
|||
<div class="site-footer__qr-item"> |
|||
<div class="site-footer__qr-box glass-card"><img src="assets/images/wechat.png" alt="微信"></div> |
|||
<p>扫码添加微信</p> |
|||
</div> |
|||
<div class="site-footer__qr-item"> |
|||
<div class="site-footer__qr-box glass-card"><img src="assets/images/whatsapp.png" alt="WhatsApp"></div> |
|||
<p>Whatsapp</p> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="site-footer__right"> |
|||
<div class="site-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="#">智能家居系统</a> |
|||
<a href="#">智能医美健康系统</a> |
|||
<a href="#">酒店客控管理系统</a> |
|||
<a href="#">照明与灯控系统</a> |
|||
<a href="#">智慧医养解决方案</a> |
|||
<a href="#">美的中央空调案例</a> |
|||
<a href="#">绿色能源</a> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="site-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="site-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="#">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
<div class="site-footer__nav-col site-footer__nav-col--social"> |
|||
<h4>社交媒体</h4> |
|||
<div class="site-footer__social-list"> |
|||
<a href="#" aria-label="抖音" class="glass-card"><img src="assets/images/douyin.png" alt="抖音"></a> |
|||
<a href="#" aria-label="小红书" class="glass-card"><img src="assets/images/redbook.png" alt="小红书"></a> |
|||
<a href="#" aria-label="X" class="glass-card"><img src="assets/images/x.png" alt="X"></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="site-footer__bottom"> |
|||
<p>Copyright © 2026 广州宅极慧智能家居有限公司 粤ICP备2025453783号</p> |
|||
<p>Technical Support: SUQ</p> |
|||
</div> |
|||
</footer> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="/product-smart-home/index.html">智能家居系统</a> |
|||
<a href="/yimei/index.html">智慧医养解决方案</a> |
|||
<a href="/jiudian/index.html">酒店客房控制系统</a> |
|||
<a href="/dengguang/index.html">智能灯控系统</a> |
|||
<a href="/kongtiao/index.html">中央空调系统</a> |
|||
<a href="/green-energy/index.html">绿色能源解决方案</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="/about/index.html">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src=""https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script> |
|||
<script src="index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,119 @@ |
|||
<!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/about-history.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/about-history.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-about-history" data-header-dark data-nav="关于睿能"> |
|||
{php} |
|||
$ui_about_history = uiId('about_history'); |
|||
$seller_id = (int)($seller_id ?? 1); |
|||
$history_items = getContentByCategory($ui_about_history, $seller_id, 9999, 'sort desc', []); |
|||
if (!is_array($history_items)) { |
|||
$history_items = []; |
|||
} |
|||
usort($history_items, function ($a, $b) { |
|||
return (int)($b['sub_title'] ?? 0) - (int)($a['sub_title'] ?? 0); |
|||
}); |
|||
foreach ($history_items as &$history_item) { |
|||
if (!empty($history_item['content'])) { |
|||
$history_item['content'] = htmlspecialchars_decode($history_item['content']); |
|||
} |
|||
} |
|||
unset($history_item); |
|||
{/php} |
|||
<div class="ah-page section__wrap"> |
|||
<div class="ah-layout" data-ah-spy> |
|||
<nav class="ah-nav__years" aria-label="年份导航"> |
|||
{volist name="history_items" id="item" key="hk"} |
|||
{php}$year = trim((string)($item['sub_title'] ?? ''));{/php} |
|||
{if $year !== ''} |
|||
<a class="ah-nav__item{if $hk == 1} is-active{/if}" href="#year-{$year}" data-year="{$year}"> |
|||
<span class="ah-nav__year">{$year}</span> |
|||
</a> |
|||
{/if} |
|||
{/volist} |
|||
</nav> |
|||
<div class="ah-nav__rail" aria-hidden="true"> |
|||
<span class="ah-nav__indicator"></span> |
|||
</div> |
|||
<div class="ah-content"> |
|||
{volist name="history_items" id="item"} |
|||
{php}$year = trim((string)($item['sub_title'] ?? ''));{/php} |
|||
{if $year !== ''} |
|||
<section class="ah-block" id="year-{$year}" data-year="{$year}"> |
|||
<div class="ah-richtext"> |
|||
{$item.content|raw} |
|||
</div> |
|||
</section> |
|||
{/if} |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,354 @@ |
|||
<!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/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/earth.js"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/about.css"> |
|||
</head> |
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-about" data-nav="{$current_cate.title}"> |
|||
<section class="ab-hero"> |
|||
<div class="ab-hero__title section__wrap" data-header-dark> |
|||
<h1> |
|||
<span>{$current_cate.content|raw}</span> |
|||
</h1> |
|||
</div> |
|||
<div class="ab-hero__media" aria-hidden="true"> |
|||
<video src="{$current_cate.description}" muted autoplay loop playsinline width="1920" height="720"></video> |
|||
</div> |
|||
</section> |
|||
{php} |
|||
$ui_about_intro = uiId('about_intro'); |
|||
$ui_about_history = uiId('about_history'); |
|||
$ui_about_culture = uiId('about_culture'); |
|||
$ui_about_global = uiId('about_global'); |
|||
$ui_about_members = uiId('about_members'); |
|||
$ui_about_honors = uiId('about_honors'); |
|||
$ui_about_csr = uiId('about_csr'); |
|||
$ui_download_csr = uiId('download_csr'); |
|||
$csr_report_href = getMuiLangUrl('/download.html'); |
|||
if ($ui_download_csr > 0) { |
|||
$csr_report_href .= '?cid=' . $ui_download_csr; |
|||
} |
|||
{/php} |
|||
{hcTaglib:category id="$ui_about_intro" item="vo" field="*"} |
|||
<section class="ab-intro section__wrap" id="intro" data-header-dark> |
|||
<h2 class="ab-intro__title">{$vo.title}</h2> |
|||
<div class="ab-intro__body"> |
|||
<div class="ab-intro__texts"> |
|||
<p>{:nl2br($vo.description)}</p> |
|||
</div> |
|||
{php} |
|||
$stats_raw = explode(',', $vo['desc']); |
|||
$stats_list = []; |
|||
foreach ($stats_raw as $item) { |
|||
$parts = explode(';', $item); |
|||
if (count($parts) === 3) { |
|||
$stats_list[] = ['num' => $parts[0], 'unit' => $parts[1], 'text' => $parts[2]]; |
|||
} |
|||
} |
|||
{/php} |
|||
<ul class="ab-intro__stats"> |
|||
{volist name="stats_list" id="stat"} |
|||
<li> |
|||
<strong><span class="counter">{$stat.num}</span><span class="ab-intro__stats-unit">{$stat.unit}</span></strong> |
|||
<span>{$stat.text}</span> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
|
|||
{hcTaglib:category id="$ui_about_history" item="vo" field="*"} |
|||
<section class="ab-history" id="history" data-header-dark style="background-image: url({$vo.thumbnail.url ?? ''})"> |
|||
<div class="ab-history__head section__wrap"> |
|||
<h2 class="ab-history__title">{$vo.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="ab-history__swiper swiper section__wrap"> |
|||
<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"} |
|||
<article class="swiper-slide ab-history__slide"> |
|||
<time class="ab-history__year" datetime="2025">{$case_top.sub_title}<span>年</span></time> |
|||
<div class="ab-history__dot" aria-hidden="true"></div> |
|||
<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}"> |
|||
<span>了解更多</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> |
|||
</a> |
|||
<div class="ab-history__media"> |
|||
<img src="{$case_top.thumbnail.url ?? ''}" alt="" width="400" height="260" loading="lazy" /> |
|||
</div> |
|||
</article> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="ab-history__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> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:category id="$ui_about_culture" item="vo" field="*"} |
|||
<section class="ab-culture" id="culture"> |
|||
<div class="ab-culture__bg" aria-hidden="true"> |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="1920" height="900" /> |
|||
</div> |
|||
<div class="ab-culture__inner section__wrap"> |
|||
<h2 class="ab-culture__title">{$vo.title}</h2> |
|||
{php} |
|||
$culture_raw = explode('#', $vo['description']); |
|||
$culture_list = []; |
|||
foreach ($culture_raw as $item) { |
|||
$parts = explode(';', $item); |
|||
if (count($parts) === 3) { |
|||
$culture_list[] = ['zh' => $parts[0], 'en' => $parts[1], 'text' => $parts[2]]; |
|||
} |
|||
} |
|||
{/php} |
|||
<div class="ab-culture__list"> |
|||
{volist name="culture_list" id="culture"} |
|||
<div class="ab-culture__item"> |
|||
<div class="ab-culture__label"> |
|||
<span class="ab-culture__label-zh">{$culture.zh}</span> |
|||
<span class="ab-culture__label-en">{$culture.en}</span> |
|||
</div> |
|||
<p class="ab-culture__text">{$culture.text|raw}</p> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_about_global" item="vo" field="*"} |
|||
<section class="ab-global section__wrap" id="global" data-header-dark> |
|||
<h2 class="ab-global__title">{$vo.title}</h2> |
|||
{php} |
|||
$global_raw = explode(',', $vo['description']); |
|||
$global_list = []; |
|||
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]; |
|||
} |
|||
} |
|||
$global_left = array_slice($global_list, 0, 3); |
|||
$global_right = array_slice($global_list, 3); |
|||
{/php} |
|||
<div class="ab-global__layout"> |
|||
<ul class="ab-global__side ab-global__side--left"> |
|||
{volist name="global_left" id="item"} |
|||
<li> |
|||
<strong><span class="counter">{$item.num}</span><span>{$item.unit}</span></strong> |
|||
{if $item.desc}<span class="ab-global__side-desc">{$item.desc|raw}</span>{/if} |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
<div class="ab-global__visual"> |
|||
<canvas id="earth-canvas" class="ab-global__earth"></canvas> |
|||
</div> |
|||
<ul class="ab-global__side ab-global__side--right"> |
|||
{volist name="global_right" id="item"} |
|||
<li> |
|||
<strong><span class="counter">{$item.num}</span><span>{$item.unit}</span></strong> |
|||
{if $item.desc}<span class="ab-global__side-desc">{$item.desc|raw}</span>{/if} |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_about_members" item="vo" field="*"} |
|||
<section class="ab-members" id="members"> |
|||
<div class="ab-members__bg" aria-hidden="true"> |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="1920" height="900" /> |
|||
</div> |
|||
<div class="ab-members__inner section__wrap"> |
|||
<h2 class="ab-members__title">{$vo.title}</h2> |
|||
<div class="ab-members__card"> |
|||
<div class="ab-members__panels-swiper swiper"> |
|||
<div class="ab-members__panels swiper-wrapper"> |
|||
{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}"> |
|||
<div class="ab-members__content"> |
|||
<div> |
|||
<h3 class="ab-members__name">{$case_top.title}</h3> |
|||
<p class="ab-members__desc"> |
|||
{$case_top.content|strip_tags} |
|||
</p> |
|||
</div> |
|||
<a target="_blank" class="s-btn s-btn--outline s-btn--pill ab-members__more" href="{$case_top.url ?? '#'}">探索更多</a> |
|||
</div> |
|||
</div> |
|||
{php}$member_idx++;{/php} |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="ab-members__logos" role="tablist" aria-label="集团成员"> |
|||
{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> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_about_honors" item="vo" field="*"} |
|||
<section class="ab-honors section__wrap" id="honors" data-header-dark> |
|||
<div class="ab-honors__head"> |
|||
<h2 class="ab-honors__title">{$vo.title}</h2> |
|||
<p class="ab-honors__desc">{$vo.description}</p> |
|||
</div> |
|||
<div class="ab-honors__body"> |
|||
<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"} |
|||
<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> |
|||
|
|||
<span>查看证书</span> |
|||
<span class="ab-honors__pop" aria-hidden="true"> |
|||
<img class="ab-honors__cert-img" src="{$case_top.thumbnail.url ?? ''}" alt="荣誉证书" /> |
|||
</span> |
|||
</a> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<button type="button" class="ab-honors__more"> |
|||
<span>展开更多</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" /> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_about_csr" item="vo" field="*"} |
|||
<section class="ab-csr" id="csr"> |
|||
<div class="ab-csr__bg" aria-hidden="true"> |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="1920" height="720" /> |
|||
</div> |
|||
<div class="ab-csr__inner section__wrap"> |
|||
<h2 class="ab-csr__title">{$vo.title}</h2> |
|||
<div class="ab-csr__content"> |
|||
<p class="ab-csr__desc"> |
|||
{$vo.description} |
|||
</p> |
|||
<a class="s-btn s-btn--light s-btn--pill" href="{$csr_report_href}">社会责任报告</a> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
</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> |
|||
@ -1,615 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>智能家居整体解决方案服务商 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/about.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/about.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<div class="about-page"> |
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<section class="section__banner" > |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title"> |
|||
{$vo.description} |
|||
<!-- <br />决方案服务商 --> |
|||
<!-- {$vo.banner.url|default=''} --> |
|||
</h1> |
|||
<p class="section__banner__sub">{$vo.sub_title}</p> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<section class="about-section-1 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vo"} |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
</div> |
|||
<div data-aos="fade-up"> |
|||
<p class="about__desc"> |
|||
{$vo.content|nl2br|raw} |
|||
<!-- 宅极慧iHM为韩浓机电集团旗下品牌，创立于2006年，秉承着成为客户满意的智能家居服务商的理念，打造与用户共筑一个更个性、更智慧的家的愿景，是专业的智能家居整体解决方案服务商。致力于打造智能家居泛生态系统，严选国内外知名品牌，为客户度身定制高体验感的智能系统集成方案。 --> |
|||
</p> |
|||
<br> |
|||
<!-- <p class="about__desc"> --> |
|||
<!-- 宅极慧iHM在上海、广州和香港等地设办事处，以“体验化、国际化”为目标，秉承五星智能家居管家服务体系，我们致力于为广大家庭提供更个性，更便捷舒适的智能生活体验，在设计，产品、服务，安装，调试方面不断迭代，让每一个客户省心，舒心，为您缔造五星级般的智能控制体验。 --> |
|||
<!-- </p> --> |
|||
<!-- <p class="about__desc"> --> |
|||
<!-- 宅极慧iHM客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店，喜达屋集团，瑞吉酒店，和平饭店，中信集团，金茂集团，中粮集团，瑞安集团等。目标为全球亿万家庭创造智能个性新生活! --> |
|||
<!-- </p> --> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<div class="section__metrics row gx-0"> |
|||
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vvo" sort="sort asc"} |
|||
<div class="section__metric-item col-4"> |
|||
<div class="item_wrap w-100 d-flex align-items-center flex-column"> |
|||
<p class="section__metric-value"> |
|||
<span class="counter">{$vvo.sub_title}</span> |
|||
{$vvo.description} |
|||
</p> |
|||
<p class="section__metric-label">{$vvo.title}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
<!-- <div class="section__metric-item col-4"> --> |
|||
<!-- <div class="item_wrap w-100 d-flex align-items-center flex-column"> --> |
|||
<!-- <p class="section__metric-value"> --> |
|||
<!-- <span class="counter">2006</span> --> |
|||
<!-- 年 --> |
|||
<!-- </p> --> |
|||
<!-- <p class="section__metric-label">公司成立时间</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="section__metric-item col-4"> --> |
|||
<!-- <div class="item_wrap w-100 d-flex align-items-center flex-column"> --> |
|||
<!-- <p class="section__metric-value"><span class="counter">50000</span>+</p> --> |
|||
<!-- <p class="section__metric-label">智能化设计</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="section__metric-item col-4"> --> |
|||
<!-- <div class="item_wrap w-100 d-flex align-items-center flex-column"> --> |
|||
<!-- <p class="section__metric-value"><span class="counter">123</span>级城市</p> --> |
|||
<!-- <p class="section__metric-label">落地化项目区域分布</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
</div> |
|||
<div class="section1_img"> |
|||
{hcTaglib:contentPage cid="73" mainField="*" subField="*" name="hc_content" limit="2" item="vo" sort="sort asc"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- 企业文化 --> |
|||
<section class="about-section-2 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
{hcTaglib:category id="74" item="vo" field="*"} |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
|
|||
<div class="concept-grid" data-aos="fade-up"> |
|||
<!-- 第一行 --> |
|||
{hcTaglib:content cid="74" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
{php} |
|||
$tmp_flag = ($key % 2 == 0) ? 0 : 1; |
|||
{/php} |
|||
<div class="grid-item"> |
|||
{if $tmp_flag == 1} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}" class="grid-item__img" /> |
|||
{/if} |
|||
<div class="text-content"> |
|||
<h3>{$vo.title}</h3> |
|||
<p class="en">{$vo.sub_title}</p> |
|||
<p class="desc">{$vo.description}</p> |
|||
</div> |
|||
{if $tmp_flag == 0} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}" class="grid-item__img" /> |
|||
{/if} |
|||
|
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<!-- <div class="grid-item"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-2-img-1-EADjXg3Q.png" alt="现代智能家居" class="grid-item__img" /> --> |
|||
<!-- <div class="text-content"> --> |
|||
<!-- <h3>我们的愿景</h3> --> |
|||
<!-- <p class="en">OUR VISION</p> --> |
|||
<!-- <p class="desc">成为国际知名的智能家居集成商</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="grid-item"> --> |
|||
<!-- <div class="text-content"> --> |
|||
<!-- <h3>我们的理念</h3> --> |
|||
<!-- <p class="en">OUR CONCEPT</p> --> |
|||
<!-- <p class="desc">与用户共筑一个更个性更智慧的家</p> --> |
|||
<!-- </div> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-2-img-3-DyGoFkXz.png" alt="城市夜景" class="grid-item__img" /> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="grid-item"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-2-img-2-BIf-cjKB.png" alt="团队合作" class="grid-item__img" /> --> |
|||
<!-- <div class="text-content"> --> |
|||
<!-- <h3>价值观</h3> --> |
|||
<!-- <p class="en">VALUES</p> --> |
|||
<!-- <p class="desc">利他思想、永不言弃、团队合作</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
</section> |
|||
|
|||
<!-- 发展历程 --> |
|||
<section class="about-section-3 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
|
|||
<div class="about__header" data-aos="fade-up"> |
|||
{hcTaglib:category id="75" item="vo" field="*"} |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
|
|||
<div class="about-section-3-slider swiper__wrap" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="75" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="about-section__timeline-item"> |
|||
<h3 class="timeline__title">{$vo.title}<span>年</span></h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
<div class="s-card"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">{$vo.sub_title}</h3> |
|||
<p class="s-card__desc">{$vo.description}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
|
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2022<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-2-OnbzrgOK.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">新片</h3> --> |
|||
<!-- <p class="s-card__desc">在广州设立办事处，以“体验化、国际化”为目标，目标为全球亿万家庭创造智能个性新生活!</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2019<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-3-ByvCf-YP.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">深耕</h3> --> |
|||
<!-- <p class="s-card__desc">在智能领域深耕不辍，韩浓机电向全球前沿品牌迈进。</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2015<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">普及</h3> --> |
|||
<!-- <p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2014<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">普及</h3> --> |
|||
<!-- <p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="swiper-slide"> --> |
|||
<!-- <div class="about-section__timeline-item"> --> |
|||
<!-- <h3 class="timeline__title">2013<span>年</span></h3> --> |
|||
<!-- <div class="line-dot"> --> |
|||
<!-- <div class="dot"></div> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="s-card"> --> |
|||
<!-- <img src="themes/static_new/static/assets/section-3-img-4-BV0ecA0h.png" alt="" class="s-card__img"> --> |
|||
<!-- <h3 class="s-card__title">普及</h3> --> |
|||
<!-- <p class="s-card__desc">随着业务的不断发展壮大，韩浓机电完成智能化项目遍布全国。222</p> --> |
|||
<!-- </div> --> |
|||
<!-- </div> --> |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button data-3-prev type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button data-3-next type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 新闻资讯 --> |
|||
<section class="about-section-4 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
{hcTaglib:category id="76" item="vo" field="*"} |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<div class="swiper__wrap swiper__wrap2" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="76" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">{$vo.title}</h3> |
|||
<p class="s-card__sub-title">{:date('Y-m-d', strtotime($vo['publish_time']))}</p> |
|||
<p class="s-card__desc">{$vo.description}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-2-DZSr_UNc.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧iHM全屋智能系统，为你打造随心所欲的智慧生活方式 </h3> |
|||
<p class="s-card__sub-title">2023-02-13</p> |
|||
<p class="s-card__desc">随着物联网与信息技术的发展，催生了“宅经济“懒人经济”兴起，智能家居因其智能的交互方式正成...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-3-Bcfpb0mD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!智能家居新蓝海新星，宅极慧iHM打造最懂你的智慧家 </h3> |
|||
<p class="s-card__sub-title">2023-02-10</p> |
|||
<p class="s-card__desc">近日，国务院发布了《扩大内需战略规划纲要(2022-2035年)》，其中提到要促进家庭装修消...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-1-DMj9HxJ4.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧HM好口碑获得消费者点赞</h3> |
|||
<p class="s-card__sub-title">2023-04-07</p> |
|||
<p class="s-card__desc">随着科技的不断发展,全屋智能家居方案正在逐渐成为人们生活的一部分。据Statista调查数据统计2...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-2-DZSr_UNc.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!宅极慧iHM全屋智能系统，为你打造随心所欲的智慧生活方式 </h3> |
|||
<p class="s-card__sub-title">2023-02-13</p> |
|||
<p class="s-card__desc">随着物联网与信息技术的发展，催生了“宅经济“懒人经济”兴起，智能家居因其智能的交互方式正成...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="themes/static_new/static/assets/section-4-img-3-Bcfpb0mD.png" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">智能实力派!智能家居新蓝海新星，宅极慧iHM打造最懂你的智慧家 </h3> |
|||
<p class="s-card__sub-title">2023-02-10</p> |
|||
<p class="s-card__desc">近日，国务院发布了《扩大内需战略规划纲要(2022-2035年)》，其中提到要促进家庭装修消...</p> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
<div class="btn__wrap justify-content-center d-flex" data-aos="fade-up"> |
|||
<a class="s-btn s-btn--ghost" type="button"> |
|||
<span>更多资询</span> |
|||
<img src="/themes/static_new/assets/images/arrow-r-black.png" alt="向右箭头" class="s-btn__arrow"> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- <section class="about-section-5 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<div class="about__header" data-aos="fade-up"> |
|||
<h1 class="about__title">荣誉证书</h1> |
|||
<p class="about__sub_title">荣誉资质见证宅极慧iHM品牌实力</p> |
|||
</div> |
|||
<div class="swiper__wrap swiper__wrap3" data-aos="fade-up"> |
|||
<div class="swiper aboutSwiper3"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-1.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-2.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-3.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-1.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-2.png" alt="现代智能家居" /> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<img src="../assets/images/about/section-5-img-3.png" alt="现代智能家居" /> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="../assets/images/arrow-left.png" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="../assets/images/arrow-right.png" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
|
|||
</section> --> |
|||
|
|||
<!-- 加入宅极慧 加入宅极慧iHM，一起创造大场面 --> |
|||
<section class="about-section-6 section-wrap"> |
|||
<div data-aos="fade-up" |
|||
class="section__innner h-100 d-flex flex-column align-items-center justify-content-center"> |
|||
{hcTaglib:category id="78" item="vo" field="*"} |
|||
<div class="section6__header"> |
|||
<h1 class="section6__title">{$vo.title}</h1> |
|||
<p class="section6__sub_title">{$vo.sub_title}</p> |
|||
</div> |
|||
|
|||
|
|||
<button class="s-btn glass-card"> |
|||
<span>查看岗位信息</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="" class="s-btn__arrow"> |
|||
</button> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 联系我们 --> |
|||
<section class="about-section-7 section-wrap" data-header-dark id="contact-us"> |
|||
<div class="section__inner"> |
|||
<div class="section__inner_head" data-aos="fade-up"> |
|||
<div class="about__header"> |
|||
{hcTaglib:category id="79" item="vo" field="*"} |
|||
<h1 class="about__title">{$vo.title}</h1> |
|||
<p class="about__sub_title">{$vo.sub_title}</p> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们表单 --> |
|||
<div class="contact-us" data-aos="fade-up"> |
|||
<!-- 左侧：联系信息 --> |
|||
<div class="content_left"> |
|||
<!-- 手机号 --> |
|||
<div class="info-item"> |
|||
<label> |
|||
{hcTaglib:category id="80" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon" /> |
|||
<span>{$vo.title}</span> |
|||
{/hcTaglib:category} |
|||
</label> |
|||
<div class="info-detail"> |
|||
{hcTaglib:content cid="80" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<!-- <span class="number">{$vo.title}</span> --> |
|||
<span class="number">{$vo.title}<small>{$vo.sub_title}</small></span> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 邮箱 --> |
|||
<div class="info-item"> |
|||
{hcTaglib:category id="81" item="vo" field="*"} |
|||
<label> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon email" /> |
|||
<span>{$vo.sub_title}</span> |
|||
</label> |
|||
<div class="info-detail"> |
|||
<span class="number">{$vo.sub_title}</span> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<!-- 二维码 --> |
|||
<div class="qr-group"> |
|||
{hcTaglib:content cid="82" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="qr-item"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}"> |
|||
<span>{$vo.sub_title}<br /> |
|||
{$vo.title}</span> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<!-- <div class="qr-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-img-1.png" alt="微信"> --> |
|||
<!-- <span>扫码添加<br /> --> |
|||
<!-- 微信</span> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="qr-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-img-2.png" alt="微信"> --> |
|||
<!-- <span>扫码添加<br />Whatsapp</span> --> |
|||
<!-- </div> --> |
|||
|
|||
</div> |
|||
|
|||
<!-- 办事处 --> |
|||
<div class="office-group"> |
|||
<label> |
|||
{hcTaglib:category id="83" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon" /> |
|||
<span>{$vo.title}</span> |
|||
{/hcTaglib:category} |
|||
</label> |
|||
|
|||
<div class="office-list"> |
|||
|
|||
{hcTaglib:content cid="83" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="office-item"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}"> |
|||
<span>{$vo.title}</span> |
|||
</div> |
|||
|
|||
<!-- <div class="office-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-icon-5.png"> --> |
|||
<!-- <span>上海韩浓机电有限公司</span> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="office-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-icon-6.png"> --> |
|||
<!-- <span>香港宅极慧有限公司</span> --> |
|||
<!-- </div> --> |
|||
{/hcTaglib:content} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧：表单预约 在线预约 --> |
|||
<div class="content_right"> |
|||
<h2 class="form-title">在线预约</h2> |
|||
<form class="booking-form"> |
|||
<div class="input-group"> |
|||
<input type="text" placeholder="请输入您的姓名"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<input type="tel" placeholder="请输入您的电话"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<textarea placeholder="留言内容"></textarea> |
|||
</div> |
|||
<button type="submit" class="submit-btn s-btn glass-card">立即提交</button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</div> |
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,150 @@ |
|||
<!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/announce.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/announce.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-announce" data-header-dark data-nav="服务支持"> |
|||
<div class="a-page section__wrap"> |
|||
<div class="a-head"> |
|||
<h1 class="a-head__title">{$current_cate.title}</h1> |
|||
<p class="a-head__desc">{$current_cate.description}</p> |
|||
</div> |
|||
|
|||
<div class="a-toolbar"> |
|||
{php} |
|||
$filter_cid = (string)input('cid', ''); |
|||
$filter_all_id = (string)($current_cate['id'] ?? ''); |
|||
if ($filter_cid === '') { |
|||
$filter_cid = $filter_all_id; |
|||
} |
|||
$filter_keywords = (string)input('keywords', ''); |
|||
$filter_is_all = ($filter_cid === $filter_all_id); |
|||
$filter_label = '按产品筛选'; |
|||
if (!$filter_is_all && !empty($sub_cates)) { |
|||
foreach ($sub_cates as $sc) { |
|||
if ((string)($sc['id'] ?? '') === $filter_cid) { |
|||
$filter_label = $sc['title'] ?? $filter_label; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
{/php} |
|||
<div class="a-filter__group"> |
|||
<button type="button" class="a-filter{if !$filter_is_all} is-selected{/if}" aria-haspopup="listbox" aria-expanded="false" data-filter-trigger> |
|||
<span>{$filter_label}</span> |
|||
<svg class="a-filter__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true"> |
|||
<path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" /> |
|||
</svg> |
|||
</button> |
|||
<div class="a-filter__dropdown" data-filter-dropdown hidden> |
|||
<button type="button" class="a-filter__dropdown-item{if $filter_is_all} is-active{/if}" data-tab="{$current_cate.id}" data-filter-clear>全部</button> |
|||
{volist name="sub_cates" id="vo"} |
|||
{php}$vo_id = (string)($vo['id'] ?? '');{/php} |
|||
<button type="button" class="a-filter__dropdown-item{if $filter_cid == $vo_id} is-active{/if}" data-tab="{$vo.id}">{$vo.title}</button> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<form class="s-search" role="search" data-tab-search> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="keywords" value="{$filter_keywords}" placeholder="请输入您想搜索公告的关键词" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">搜索</button> |
|||
</form> |
|||
</div> |
|||
|
|||
<div class="a-grid"> |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="8" item="vo"} |
|||
<a class="a-card" href="{$vo.url ?? ''}" target="_blank"> |
|||
<time class="a-card__date" datetime="{$vo.publish_time}">{$vo.publish_time}</time> |
|||
<h2 class="a-card__title">{$vo.title}</h2> |
|||
<span class="a-card__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> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = '暂无相关公告'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
</div> |
|||
</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> |
|||
@ -1,388 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>经典案例 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/casePage.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/casePage.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<div class="case-page"> |
|||
{hcTaglib:category id="253" item="vo" field="*"} |
|||
<section class="section__banner" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.sub_title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<section class="cp-section-1" data-header-dark> |
|||
<div class="section__inner"> |
|||
<div class="section__inner_head"> |
|||
<div class="section__header align-items-center"> |
|||
{hcTaglib:category id="253" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.sub_title}</p> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:category id="310" item="vo" field="*"} |
|||
<h2 id="yimei-section-1-title" class="section__title">{$vo.title}</h2> |
|||
{/hcTaglib:category} |
|||
|
|||
</div> |
|||
<ul class="nav" role="tablist"> |
|||
<li class="nav-item active" role="tab" data-bs-toggle="tab" |
|||
data-bs-target="#case-page-s2-panel-all" role="tab"> |
|||
全部 |
|||
</li> |
|||
|
|||
{hcTaglib:subcategory pid="310" name="hc_content" item="vo" sort="sort asc"} |
|||
<li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-{$key-1}" |
|||
role="tab"> |
|||
{$vo.title} |
|||
</li> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-0" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 智能家居系统 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-1" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 酒店客房控制系统 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-2" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 灯光控制系统 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-3" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 智慧医疗解决方案 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-4" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 中央空调系统 --> |
|||
<!-- </li> --> |
|||
|
|||
<!-- <li class="nav-item" role="tab" data-bs-toggle="tab" data-bs-target="#case-page-s2-panel-5" --> |
|||
<!-- role="tab"> --> |
|||
<!-- 绿色能源 --> |
|||
<!-- </li> --> |
|||
|
|||
|
|||
</ul> |
|||
</div> |
|||
<div class="section__inner_body"> |
|||
<div class="tab-content"> |
|||
{hcTaglib:subcategory pid="310" name="hc_subcategory" item="vo" sort="sort asc" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
|
|||
{php} |
|||
$finalData = []; |
|||
$allData = []; |
|||
{/php} |
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="10" item="vo22" sort="sort asc"} |
|||
{php} |
|||
$finalData[$vo['id']][] = $vo22; |
|||
if (!empty($vo22)) { |
|||
$allData[] = $vo22->toArray(); |
|||
} |
|||
{/php} |
|||
{/hcTaglib:contentPage2} |
|||
{/volist} |
|||
|
|||
{php} |
|||
// 进行多字段排序 |
|||
if (!empty($allData)) { |
|||
// 提取排序字段 |
|||
$sorts = array_column($allData, 'sort'); |
|||
// $createTimes = array_column($allData, 'create_time'); |
|||
// 多字段排序：sort 倒序，create_time 倒序 |
|||
// array_multisort($sorts, SORT_DESC, $createTimes, SORT_DESC, $allData); |
|||
array_multisort($sorts, SORT_DESC, $allData); |
|||
} |
|||
{/php} |
|||
|
|||
<div class="tab-pane fade show active" id="case-page-s2-panel-all" role="tabpanel"> |
|||
<div class="case-grid"> |
|||
<!-- 获取所有分类 --> |
|||
{volist name="allData" id="vo" key="key"} |
|||
<div class="case-card"> |
|||
<div class="card-image"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</div> |
|||
<div class="card-content"> |
|||
<h3 class="card-title">{$vo.title} </h3> |
|||
<p class="card-desc">{$vo.description} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
|
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
|
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
<div class="tab-pane fade" id="case-page-s2-panel-{$key-1}" role="tabpanel"> |
|||
<div class="case-grid"> |
|||
{php} |
|||
$currentList = $finalData[$vo['id']] ?? []; |
|||
{/php} |
|||
{volist name="currentList" id="vo2" key="key"} |
|||
<div class="case-card"> |
|||
<div class="card-image"> |
|||
<img src="{$vo2.thumbnail.url|default=''}" alt="{$vo2.title}"> |
|||
</div> |
|||
<div class="card-content"> |
|||
<h3 class="card-title">{$vo2.title} </h3> |
|||
<p class="card-desc">{$vo2.description} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="cp-section-2 section-wrap" data-header-dark> |
|||
<div class="section__inner"> |
|||
<div class="section__inner_head"> |
|||
<div class="section__header align-items-center"> |
|||
<p class="section__title__red">联系我们</p> |
|||
<h2 id="yimei-section-1-title" class="section__title">用智能科技让每一座建筑都更懂生活</h2> |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们表单 --> |
|||
<div class="contact-us" data-aos="fade-up"> |
|||
<!-- 左侧：联系信息 --> |
|||
<div class="content_left"> |
|||
<!-- 手机号 --> |
|||
<div class="info-item"> |
|||
<label> |
|||
{hcTaglib:category id="80" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon" /> |
|||
<span>{$vo.title}</span> |
|||
{/hcTaglib:category} |
|||
</label> |
|||
<div class="info-detail"> |
|||
{hcTaglib:content cid="80" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<!-- <span class="number">{$vo.title}</span> --> |
|||
<span class="number">{$vo.title}<small>{$vo.sub_title}</small></span> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 邮箱 --> |
|||
<div class="info-item"> |
|||
{hcTaglib:category id="81" item="vo" field="*"} |
|||
<label> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon email" /> |
|||
<span>{$vo.sub_title}</span> |
|||
</label> |
|||
<div class="info-detail"> |
|||
<span class="number">{$vo.sub_title}</span> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<!-- 二维码 --> |
|||
<div class="qr-group"> |
|||
{hcTaglib:content cid="82" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="qr-item"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}"> |
|||
<span>{$vo.sub_title}<br /> |
|||
{$vo.title}</span> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
|
|||
<!-- <div class="qr-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-img-1.png" alt="微信"> --> |
|||
<!-- <span>扫码添加<br /> --> |
|||
<!-- 微信</span> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="qr-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-img-2.png" alt="微信"> --> |
|||
<!-- <span>扫码添加<br />Whatsapp</span> --> |
|||
<!-- </div> --> |
|||
|
|||
</div> |
|||
|
|||
<!-- 办事处 --> |
|||
<div class="office-group"> |
|||
<label> |
|||
{hcTaglib:category id="83" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" class="case-icon" /> |
|||
<span>{$vo.title}</span> |
|||
{/hcTaglib:category} |
|||
</label> |
|||
|
|||
<div class="office-list"> |
|||
|
|||
{hcTaglib:content cid="83" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="office-item"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}"> |
|||
<span>{$vo.title}</span> |
|||
</div> |
|||
|
|||
<!-- <div class="office-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-icon-5.png"> --> |
|||
<!-- <span>上海韩浓机电有限公司</span> --> |
|||
<!-- </div> --> |
|||
|
|||
<!-- <div class="office-item"> --> |
|||
<!-- <img src="../assets/images/case-page/section-2-icon-6.png"> --> |
|||
<!-- <span>香港宅极慧有限公司</span> --> |
|||
<!-- </div> --> |
|||
{/hcTaglib:content} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 右侧：表单预约 在线预约 --> |
|||
<div class="content_right"> |
|||
<h2 class="form-title">在线预约</h2> |
|||
<form class="booking-form"> |
|||
<div class="input-group"> |
|||
<input type="text" placeholder="请输入您的姓名"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<input type="tel" placeholder="请输入您的电话"> |
|||
</div> |
|||
<div class="input-group"> |
|||
<textarea placeholder="留言内容"></textarea> |
|||
</div> |
|||
<button type="submit" class="submit-btn s-btn glass-card">立即提交</button> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
</div> |
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="/product-smart-home/index.html">智能家居系统</a> |
|||
<a href="/yimei/index.html">智慧医养解决方案</a> |
|||
<a href="/jiudian/index.html">酒店客房控制系统</a> |
|||
<a href="/dengguang/index.html">智能灯控系统</a> |
|||
<a href="/kongtiao/index.html">中央空调系统</a> |
|||
<a href="/green-energy/index.html">绿色能源解决方案</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="/about/index.html">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,228 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
{php} |
|||
// var_dump($current_cate); |
|||
$current_cate_id = $current_cate['id'] ?? ''; |
|||
//exit(); |
|||
{/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/category.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/category.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-category" data-header-dark data-nav="产品"> |
|||
{php}$ui_product = uiId('product');{/php} |
|||
<div class="c-page section__wrap"> |
|||
<nav class="c-breadcrumb" aria-label="面包屑"> |
|||
<a class="c-breadcrumb__link" href="{:getMuiLangUrl('/')}">首页</a> |
|||
<span class="c-breadcrumb__sep" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
|
|||
{hcTaglib:category id="$ui_product" item="vo" field="*"} |
|||
<a class="c-breadcrumb__link" href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:category} |
|||
|
|||
<span class="c-breadcrumb__sep" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
<span class="c-breadcrumb__current" data-breadcrumb-current>工业控制产品</span> |
|||
</nav> |
|||
|
|||
<div class="c-layout"> |
|||
<aside class="c-sidebar" aria-label="产品分类" data-lenis-prevent> |
|||
<ul class="c-sidebar__list" data-category-nav> |
|||
<!-- 获取所有一级分类 --> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort="" key="key_top"} |
|||
{php} |
|||
$sub_cate_id = $vo['id']; |
|||
$need_show_sub_content = (int)($vo['need_show_sub_content'] ?? 0); |
|||
{/php} |
|||
{hcTaglib:subcategory pid="$sub_cate_id" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
{php} |
|||
$level2_list = $hc_subcategory ?? []; |
|||
$has_level2 = !empty($level2_list); |
|||
{/php} |
|||
<li class="c-sidebar__item {if $key_top==1}is-active{/if}{if !$has_level2} is-leaf{/if}" data-category-item="product-control-{$vo.id}"> |
|||
|
|||
<button type="button" class="c-sidebar__trigger" data-category-id="product-control-{$vo.id}" data-category-name="{$vo.title}" aria-expanded="{if $key_top==1}true{else /}false{/if}"> |
|||
<span>{$vo.title}</span> |
|||
{if $has_level2} |
|||
<span class="c-sidebar__chevron" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
{/if} |
|||
</button> |
|||
|
|||
{if $has_level2} |
|||
<ul class="c-sidebar__subs"> |
|||
{volist name="level2_list" id="vo_sub" key="key_sub"} |
|||
<li> |
|||
<button type="button" class="c-sidebar__sub" data-category-id="product-control-{$vo.id}" data-sub-id="product-plc-{$vo_sub.id}">{$vo_sub.title}</button> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
</li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</aside> |
|||
|
|||
<div class="c-main"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort="" key="key_top"} |
|||
{php} |
|||
$sub_cate_id = $vo['id']; |
|||
$need_show_sub_content = (int)($vo['need_show_sub_content'] ?? 0); |
|||
{/php} |
|||
{hcTaglib:subcategory pid="$sub_cate_id" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
{php} |
|||
$level2_list = $hc_subcategory ?? []; |
|||
$has_level2 = !empty($level2_list); |
|||
{/php} |
|||
|
|||
<div class="c-panel" data-category-panel="product-control-{$vo.id}" {if $key_top!=1}hidden{/if}> |
|||
<div class="c-grid" data-product-grid> |
|||
{if $has_level2} |
|||
{volist name="level2_list" id="vo_sub" key="key_sub"} |
|||
{hcTaglib:contentPage2 cid="$vo_sub.id" mainField="id,category_id,title,sub_title,thumbnail" subField="" name="hc_content" limit="100" item="content_sub22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{volist name="hc_content" id="vo_content"} |
|||
<article class="s-product-card" data-sub="product-plc-{$vo_sub.id}"> |
|||
<a class="s-product-card__link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<div class="s-product-card__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" alt="{$vo_content.title}" loading="lazy" /> |
|||
</div> |
|||
<div class="s-product-card__foot"> |
|||
<h3 class="s-product-card__name">{$vo_content.title}</h3> |
|||
<span class="s-product-card__arrow" aria-hidden="true"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="12" |
|||
height="11" |
|||
/> |
|||
</span> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
{/volist} |
|||
{/volist} |
|||
{else /} |
|||
<!-- 仅一级分类：直接按一级 id 取产品 --> |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="id,category_id,title,sub_title,thumbnail" subField="" name="hc_content" limit="100" item="content_sub22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{volist name="hc_content" id="vo_content"} |
|||
<article class="s-product-card"> |
|||
<a class="s-product-card__link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<div class="s-product-card__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" alt="{$vo_content.title}" loading="lazy" /> |
|||
</div> |
|||
<div class="s-product-card__foot"> |
|||
<h3 class="s-product-card__name">{$vo_content.title}</h3> |
|||
<span class="s-product-card__arrow" aria-hidden="true"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="12" |
|||
height="11" |
|||
/> |
|||
</span> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
{/volist} |
|||
{/if} |
|||
</div> |
|||
|
|||
<div class="c-empty" data-product-empty hidden> |
|||
<p class="c-empty__text">暂无产品</p> |
|||
</div> |
|||
</div> |
|||
|
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -1,8 +0,0 @@ |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<title>{$current_cate.seo_title|default=$current_cate.title}</title> |
|||
<meta name="description" content="{$current_cate.seo_description|default=$current_cate.title}"> |
|||
<meta name="keywords" content="{$current_cate.seo_keywords|default=$current_cate.title}"> |
|||
<!-- 通用 --> |
|||
<!-- <link rel="stylesheet" href="/themes/static/css/reset.css"> --> |
|||
<!-- <link rel="stylesheet" href="/themes/static/css/aos.css"> --> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
@ -0,0 +1,8 @@ |
|||
{php} |
|||
if (!isset($empty_text) || $empty_text === '') { |
|||
$empty_text = '暂无相关内容'; |
|||
} |
|||
{/php} |
|||
<div class="s-empty" role="status"> |
|||
<p class="s-empty__text">{$empty_text}</p> |
|||
</div> |
|||
@ -1,133 +1,69 @@ |
|||
<footer class="site-footer"> |
|||
<div class="site-footer__top"> |
|||
<!-- 公司地址以及联系方式--底部左侧--START --> |
|||
<div class="site-footer__left"> |
|||
<a class="site-footer__logo" href="index.html"> |
|||
<img src="themes/static_new/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<ul class="site-footer__contact-list"> |
|||
|
|||
{hcTaglib:contentPage cid="259" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<li class="site-footer__contact-item"> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/assets/images/location.png" alt="地址"> |
|||
<span>{$vo.description}</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/assets/images/phone.png" alt="电话"> |
|||
<span>{$vo.sub_title}</span> |
|||
</p> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
|
|||
<!-- <li class="site-footer__contact-item"> --> |
|||
<!-- <p class="site-footer__contact-line"> --> |
|||
<!-- <img src="themes/static_new/assets/images/location.png" alt="地址"> --> |
|||
<!-- <span>广州市海珠区琶洲会展东商务中心212室</span> --> |
|||
<!-- </p> --> |
|||
<!-- <p class="site-footer__contact-line"> --> |
|||
<!-- <img src="themes/static_new/assets/images/phone.png" alt="电话"> --> |
|||
<!-- <span>+86-18816821013</span> --> |
|||
<!-- </p> --> |
|||
<!-- </li> --> |
|||
<!-- <li class="site-footer__contact-item"> --> |
|||
<!-- <p class="site-footer__contact-line"> --> |
|||
<!-- <img src="themes/static_new/assets/images/location.png" alt="地址"> --> |
|||
<!-- <span>九龙太子道东704号新时代工贸商业中心28楼6室</span> --> |
|||
<!-- </p> --> |
|||
<!-- <p class="site-footer__contact-line"> --> |
|||
<!-- <img src="themes/static_new/assets/images/phone.png" alt="电话"> --> |
|||
<!-- <span>+852-94509798</span> --> |
|||
<!-- </p> --> |
|||
<!-- </li> --> |
|||
</ul> |
|||
<div class="site-footer__qr-group"> |
|||
{hcTaglib:content cid="52" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="site-footer__qr-item"> |
|||
<div class="site-footer__qr-box glass-card"><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top['title']}"></div> |
|||
<p>{$case_top['title']}</p> |
|||
<!-- 模块：底部 --> |
|||
<footer class="site-footer section__wrap" id="footer" data-header-dark> |
|||
<div class="site-footer__inner"> |
|||
<div class="site-footer__main"> |
|||
<div class="site-footer__brand"> |
|||
<div class="site-footer__logo" aria-label="睿能科技"> |
|||
<img src="{hcTaglib:setting name='dark_logo' type='2' /}" alt="RAYNEN 睿能科技" width="252" height="26" /> |
|||
</div> |
|||
<p class="site-footer__stock">股票代码: 603933</p> |
|||
<p class="site-footer__quote" aria-label="股票行情" data-stock-quote data-stock-code="603933"> |
|||
<span class="site-footer__quote-price" data-stock="price" style="{$priceColor}">{$stockInfo.price}</span> |
|||
<span class="site-footer__quote-unit" data-stock="unit" style="{$priceColor}">元</span> |
|||
<span class="site-footer__quote-change" data-stock="change" style="{$priceColor}">{$stockInfo.change} {$stockInfo.changePercent}</span> |
|||
</p> |
|||
<p class="site-footer__follow">关注我们：</p> |
|||
<div class="site-footer__qrs"> |
|||
<div class="site-footer__qr"> |
|||
<img src="{hcTaglib:setting name='wechat_code' type='2' /}" alt="官方微信" /> |
|||
<span>官方微信</span> |
|||
</div> |
|||
<div class="site-footer__qr"> |
|||
{php}$ui_social_channel = uiId('social_channel');{/php} |
|||
{hcTaglib:category id="$ui_social_channel" item="vo" field="*"} |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="官方视频号" /> |
|||
{/hcTaglib:category} |
|||
<span>官方视频号</span> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- 公司地址以及联系方式--底部左侧--END --> |
|||
|
|||
<!-- 产品中心--START --> |
|||
<div class="site-footer__right row"> |
|||
<div class="site-footer__nav-col col-5"> |
|||
{hcTaglib:category id="38" item="one" field="*"} |
|||
<!-- <h4>产品中心</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="38" name="hc_content" item="vo" sort="sort asc"} |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<!-- 产品中心--END --> |
|||
|
|||
<!-- 经典案例--START 暂时不显示--> |
|||
<div class="site-footer__nav-col" style="display: none"> |
|||
{hcTaglib:category id="253" item="one" field="*"} |
|||
<!-- <h4>经典案例</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- {hcTaglib:subcategory pid="253" name="hc_content" item="vo" sort="sort asc"} --> |
|||
<!-- <a href="{$vo.alias}">{$vo.title}</a> --> |
|||
<!-- {/hcTaglib:subcategory} --> |
|||
<!-- <h4>经典案例</h4> --> |
|||
<!-- <a href="#">智能家居</a> --> |
|||
<!-- <a href="#">智慧酒店</a> --> |
|||
<!-- <a href="#">智慧商建</a> --> |
|||
<!-- <a href="#">智能照明</a> --> |
|||
</div> |
|||
<!-- 经典案例--END --> |
|||
|
|||
<!-- 关于宅极慧--START --> |
|||
<div class="site-footer__nav-col col-3"> |
|||
{hcTaglib:category id="309" item="one" field="*"} |
|||
<!-- <h4>关于宅极慧</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="309" name="hc_content" item="vo" sort="sort asc"} |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
<!-- <h4>关于宅极慧</h4> --> |
|||
<!-- <a href="about/index.html">宅极慧iHM</a> --> |
|||
<!-- <a href="#">企业文化</a> --> |
|||
<!-- <a href="#">发展历史</a> --> |
|||
<!-- <a href="#">荣誉资质</a> --> |
|||
<!-- <a href="#">加入我们</a> --> |
|||
<!-- <a href="#">联系我们</a> --> |
|||
</div> |
|||
<!-- 关于宅极慧--END --> |
|||
|
|||
<!-- 社交媒体--底部右侧--START --> |
|||
<div class="site-footer__nav-col site-footer__nav-col--social col-4"> |
|||
<h4>社交媒体</h4> |
|||
<div class="site-footer__social-list"> |
|||
{hcTaglib:contentPage cid="260" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<a href="{$vo.url}" aria-label="{$vo.title}" class="glass-card"><img src="{$vo.cover.url|default=''}" alt="{$vo.title}"></a> |
|||
{/hcTaglib:contentPage} |
|||
<!-- <a href="#" aria-label="抖音" class="glass-card"><img src="themes/static_new/assets/images/douyin.png" alt="抖音"></a> --> |
|||
<!-- <a href="#" aria-label="小红书" class="glass-card"><img src="themes/static_new/assets/images/redbook.png" alt="小红书"></a> --> |
|||
<!-- <a href="#" aria-label="X" class="glass-card"><img src="themes/static_new/assets/images/x.png" alt="X"></a> --> |
|||
<nav class="site-footer__cols" aria-label="底部导航"> |
|||
{php} |
|||
$ui_nav_footer = uiId('nav_footer'); |
|||
$ui_product = uiId('product'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_footer" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
{php} |
|||
$ft_is_product = ((int)($vo['category_id'] ?? 0) === $ui_product); |
|||
{/php} |
|||
<div class="site-footer__col"> |
|||
<div class="site-footer__colTitle">{$vo.title}</div> |
|||
<div class="site-footer__links"> |
|||
{volist name="$vo.children" id="child"} |
|||
{php} |
|||
$ft_href = $child['href'] ?? ''; |
|||
$ft_child_cid = (int)($child['category_id'] ?? 0); |
|||
// 产品列：与头部一致，拼接 cat=product-control-{栏目ID} |
|||
if ($ft_is_product && $ft_child_cid > 0 && $ft_href !== '') { |
|||
$ft_href .= (strpos($ft_href, '?') !== false ? '&' : '?') . 'cat=product-control-' . $ft_child_cid; |
|||
} |
|||
{/php} |
|||
<a href="{$ft_href}">{$child.title}</a> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:nav} |
|||
</nav> |
|||
</div> |
|||
<div class="site-footer__bottom"> |
|||
<p class="site-footer__copyright">Copyright 2026 {hcTaglib:setting name="company_name" type="1" /} 版权所有 | {hcTaglib:setting name="icp" type="2" /} | <img |
|||
class="site-footer__gongan" src="/themes/dist_static/static/images/gongan-DdFBmJbc.png" alt="" /> {hcTaglib:setting name="gwa" type="2" /}</p> |
|||
<div class="site-footer__legal"> |
|||
<!-- <a href="{:getMuiLangUrl('/sitemap.html')}">网站地图</a> --> |
|||
<!-- <a href="{:getMuiLangUrl('/privacy.html')}">隐私声明</a> --> |
|||
<a href="javascript:;">网站地图</a> |
|||
<a href="javascript:;">隐私声明</a> |
|||
</div> |
|||
<!-- 社交媒体--底部右侧--END --> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 底部Copyright--START --> |
|||
<div class="site-footer__bottom"> |
|||
<p>Copyright © 2026 广州宅极慧智能家居有限公司 粤ICP备2025453783号</p> |
|||
<p>Technical Support: SUQ</p> |
|||
</div> |
|||
<!-- 底部Copyright--END --> |
|||
|
|||
</footer> |
|||
@ -1,68 +1,636 @@ |
|||
<header class="site-header navbar navbar-expand-md" data-aos="fade"> |
|||
<div class="site-header__container"> |
|||
<a class="site-header__logo" href="index.html"> |
|||
<img class="light-logo" src="themes/static_new/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
<img class="dark-logo" src="themes/static_new/assets/images/logo-dark.png" alt="宅极慧 IHM"> |
|||
<header class="site-header"> |
|||
<div class="site-header__top"> |
|||
<a class="site-header__phone" href="tel:{hcTaglib:setting name="company_phone" type="1" /}"> |
|||
<span class="site-header__icon site-header__icon--24" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
fill="none" |
|||
> |
|||
<g> |
|||
<rect |
|||
id="Linear / Call / Incoming Call Rounded" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
x="0.000000" |
|||
y="0.000000" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M0 3.2L3.2 0M0.8 0L3.2 0L3.2 2.4" |
|||
stroke="currentColor" |
|||
stroke-linecap="round" |
|||
stroke-width="1.500000" |
|||
transform="matrix(-1,0,0,-1,17.5996,9.59961)" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M10.4297 6.65255C9.72215 5.38476 7.94421 5.23503 6.82985 6.34939C6.16025 7.019 5.63923 7.83929 5.60485 8.74608C5.54698 10.2726 5.93331 12.865 8.53377 15.4654C11.1342 18.0659 13.7266 18.4522 15.2531 18.3944C16.1599 18.36 16.9802 17.839 17.6498 17.1694C18.7642 16.055 18.6145 14.2771 17.3467 13.5695L16.4163 13.0503C15.5767 12.5818 14.4753 12.7699 13.7374 13.5078C13.7374 13.5078 12.8422 14.403 11.2192 12.78C9.59623 11.157 10.4914 10.2619 10.4914 10.2619C11.2294 9.52387 11.4175 8.42248 10.9489 7.58289L10.4297 6.65255Z" |
|||
fill-rule="evenodd" |
|||
stroke="currentColor" |
|||
stroke-width="1.500000" |
|||
/> |
|||
</g> |
|||
</svg> |
|||
</span> |
|||
<span>{hcTaglib:setting name="company_phone" type="1" /}</span> |
|||
</a> |
|||
<nav class="site-header__nav"> |
|||
<!-- 我们的客户 感谢每一位客户支持 --> |
|||
{hcTaglib:nav cid="47" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<!-- <a class="site-header__nav-link hover_underline" href="{$vo['href']}">{$vo['title']}</a> --> |
|||
|
|||
<div class="site-header__socials" aria-label="社交账号"> |
|||
<span class="site-header__social site-header__social--wechat" tabindex="0" aria-label="微信" role="button"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="微信 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 4" |
|||
d="M10.7269 5.47152C10.9091 5.47152 11.0884 5.48527 11.2686 5.50491C10.7833 3.26405 8.36754 1.59961 5.60907 1.59961C2.52571 1.59961 0 3.68237 0 6.32878C0 7.85575 0.839924 9.10973 2.24442 10.0838L1.68381 11.7561L3.64495 10.782C4.34621 10.9185 4.9088 11.0599 5.60907 11.0599C5.78537 11.0599 5.95969 11.0521 6.13204 11.0393C6.02309 10.6671 5.9587 10.2783 5.9587 9.87272C5.9597 7.44332 8.06347 5.47152 10.7269 5.47152ZM7.71185 3.9642C8.13577 3.9642 8.4141 4.24013 8.4141 4.65845C8.4141 5.07481 8.13577 5.35369 7.71185 5.35369C7.29288 5.35369 6.87093 5.07481 6.87093 4.65845C6.87093 4.23915 7.29189 3.9642 7.71185 3.9642ZM3.78659 5.35369C3.36564 5.35369 2.94171 5.07481 2.94171 4.65845C2.94171 4.24013 3.36564 3.9642 3.78659 3.9642C4.20754 3.9642 4.48686 4.23915 4.48686 4.65845C4.48686 5.07481 4.20754 5.35369 3.78659 5.35369ZM15.8476 9.80595C15.8476 7.58276 13.6032 5.77102 11.0824 5.77102C8.41311 5.77102 6.3123 7.58374 6.3123 9.80595C6.3123 12.035 8.4141 13.8409 11.0824 13.8409C11.6411 13.8409 12.2046 13.7024 12.7653 13.563L14.3035 14.3996L13.8815 13.0091C15.0077 12.1705 15.8476 11.0599 15.8476 9.80595ZM9.53531 9.10973C9.25699 9.10973 8.9747 8.83478 8.9747 8.55393C8.9747 8.27702 9.25699 7.99814 9.53531 7.99814C9.96122 7.99814 10.2376 8.27702 10.2376 8.55393C10.2376 8.83478 9.96122 9.10973 9.53531 9.10973ZM12.6206 9.10973C12.3443 9.10973 12.063 8.83478 12.063 8.55393C12.063 8.27702 12.3433 7.99814 12.6206 7.99814C13.0426 7.99814 13.3229 8.27702 13.3229 8.55393C13.3229 8.83478 13.0426 9.10973 12.6206 9.10973Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
<span class="site-header__wechat-pop" role="tooltip"> |
|||
<img src="{hcTaglib:setting name='wechat_code' type='2' /}" alt="官方微信" width="120" height="120" /> |
|||
</span> |
|||
</span> |
|||
{php} |
|||
$has_sub_flag = 0; |
|||
if(!empty($vo['children'])){ |
|||
$has_sub_flag = 1; |
|||
} |
|||
$content_arr = getDescriptionSeparate(uiId('social_channel')); |
|||
$douyin_url = $content_arr['0'] ?? ''; |
|||
$sina_url = $content_arr['1'] ?? ''; |
|||
$zhihu_url = $content_arr['2'] ?? ''; |
|||
{/php} |
|||
{if $has_sub_flag == 1} |
|||
<div class="site-header__nav-item"> |
|||
<a class="site-header__nav-link" href="{$vo['href']}" |
|||
aria-haspopup="true" id="site-header-nav-products">{$vo['title']} |
|||
</a> |
|||
<div class="site-header__dropdown glass-card" role="menu" aria-labelledby="site-header-nav-products"> |
|||
{volist name="vo.children" id="vv" } |
|||
<a class="site-header__dropdown-link hover_underline" role="menuitem" href="{$vv['href']}">{$vv['title']}</a> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{else/} |
|||
<a class="site-header__nav-link hover_underline" href="{$vo['href']}" |
|||
aria-haspopup="true" id="site-header-nav-products">{$vo['title']} |
|||
{if(!empty($douyin_url))} |
|||
<a class="site-header__social" href="{$douyin_url}" aria-label="抖音" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="抖音 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 5" |
|||
d="M13.9794 6.79333C13.3937 6.79215 12.812 6.69975 12.2563 6.51966C11.7007 6.33956 11.1783 6.07409 10.709 5.73333L10.709 10.5467C10.7285 11.309 10.5414 12.0629 10.1665 12.7327C9.79154 13.4025 9.24201 13.9646 8.57303 14.3625C7.90405 14.7605 7.13916 14.9804 6.35517 15C5.57117 14.9804 4.80628 14.7605 4.1373 14.3625C3.46832 13.9646 2.91879 13.4025 2.54388 12.7327C2.16897 12.0629 1.98188 11.309 2.00138 10.5467C1.98189 9.78478 2.16907 9.03133 2.54411 8.36211C2.91915 7.69289 3.46882 7.13149 4.13783 6.7344C4.80683 6.3373 5.57159 6.1185 6.35517 6.1C6.58475 6.10134 6.81392 6.11916 7.0408 6.15333L7.0408 8.70667C6.82209 8.62421 6.58974 8.58129 6.35517 8.58C6.00331 8.58806 5.65991 8.68649 5.35981 8.86527C5.05971 9.04406 4.81358 9.29686 4.64642 9.59801C4.47925 9.89916 4.39698 10.2379 4.40796 10.58C4.39698 10.922 4.47925 11.2608 4.64642 11.562C4.81359 11.8631 5.05971 12.1159 5.35981 12.2947C5.65991 12.4735 6.00331 12.5719 6.35517 12.58C6.70624 12.5708 7.04859 12.4716 7.34762 12.2925C7.64665 12.1135 7.89177 11.8608 8.05821 11.5601C8.22464 11.2594 8.30651 10.9213 8.29552 10.58L8.29552 1L10.7227 1C10.7068 1.57291 10.8473 2.13969 11.1297 2.64274C11.4121 3.14579 11.8264 3.5672 12.3305 3.86413C12.8347 4.16107 13.4107 4.32295 14 4.33333L14 6.8" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
{if(!empty($sina_url))} |
|||
<a class="site-header__social" href="{$sina_url}" aria-label="微博" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="微博 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 6" |
|||
d="M10.7233 3.34315C11.5178 3.34315 15.3204 3.1342 14.6251 6.84876C14.528 7.25593 14.4549 7.87962 14.9319 8.01156C15.3664 8.12202 15.6339 7.66297 15.7536 7.31358C15.811 6.90686 17.5699 1.58349 10.787 2.02612C10.5702 2.06485 10.0891 2.25239 10.0857 2.65597C10.0823 3.05962 10.5076 3.32241 10.7233 3.34315ZM10.9368 4.95491C11.0637 4.93984 13.0406 4.58862 12.8787 6.69959C12.9082 6.89137 12.774 7.22011 13.0406 7.28757C13.3071 7.35505 13.4118 7.13335 13.4404 6.93093C13.4689 6.72851 13.9301 3.98259 10.9686 4.29944C10.7445 4.32443 10.5941 4.4601 10.6195 4.65931C10.6449 4.85852 10.81 4.96997 10.9368 4.95491ZM11.7752 8.24324C11.7752 8.24324 10.9783 8.41756 11.3544 7.81714C11.9476 6.64274 10.9839 4.71599 8.48541 5.99654C7.62471 6.46137 7.62471 6.13212 7.6534 5.55107C7.73079 2.37902 1.92492 4.64078 0.280009 8.76411C-0.647495 11.2669 0.837892 13.4299 3.1357 14.3732C8.74355 16.4008 12.8272 13.0465 13.5236 10.8773C14.4518 7.61856 11.7752 8.24324 11.7752 8.24324ZM6.39686 13.6222C3.74214 13.992 1.389 12.8113 1.14095 10.9852C0.892894 9.15907 2.84389 7.37896 5.4986 7.00921C8.1533 6.63946 10.5065 7.82008 10.7545 9.64622C11.0026 11.4723 9.05158 13.2525 6.39686 13.6222ZM8.42041 9.81629C8.20974 8.70379 6.91676 8.01982 5.53246 8.28862C4.14816 8.55742 3.19674 9.67717 3.40741 10.7897C3.61808 11.9022 4.91107 12.5861 6.29536 12.3173C7.67966 12.0485 8.63108 10.9288 8.42041 9.81629ZM5.36769 11.2912C4.88972 11.2912 4.50224 10.9573 4.50224 10.5454C4.50224 10.1335 4.88972 9.79952 5.36769 9.79952C5.84566 9.79952 6.23314 10.1335 6.23314 10.5454C6.23314 10.9573 5.84566 11.2912 5.36769 11.2912ZM6.78556 10.2843C6.60718 10.2843 6.42575 10.0673 6.42575 9.79952C6.42575 9.53178 6.60718 9.31473 6.78556 9.31473C6.96393 9.31473 7.14536 9.53178 7.14536 9.79952C7.14536 10.0673 6.96393 10.2843 6.78556 10.2843Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
{if(!empty($zhihu_url))} |
|||
<a class="site-header__social" href="{$zhihu_url}" aria-label="知乎" target="_blank"> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="知乎 1" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 7" |
|||
d="M9.0083 12.6517L9.89959 12.6517L10.2232 13.7911L11.7917 12.6517L14 12.6517L14 3.56192L9.0083 3.56192L9.0083 12.6517ZM10.0639 4.57302L12.9793 4.57302L12.9793 11.6155L11.9485 11.6155L10.6241 12.6367L10.3353 11.6155L10.0639 11.6155L10.0639 4.57302ZM2 13.8615C2.314 13.9756 2.64861 14.02 2.98111 13.9918C3.3136 13.9635 3.63619 13.8634 3.92697 13.6981C4.87552 13.1321 5.5751 10.6396 5.5751 10.6396L7.81577 13.4289C7.81577 13.4289 8.01992 12.1009 7.78091 11.7262C7.54191 11.3514 6.23983 9.8423 6.23983 9.8423L5.66971 10.3453L6.07552 8.69538L8.49793 8.69538C8.49793 8.69538 8.49793 7.72452 8.02241 7.66919C7.54689 7.61386 6.07054 7.66919 6.07054 7.66919L6.07054 4.65099L8.24896 4.65099C8.24896 4.65099 8.22407 3.64492 7.80083 3.64492L4.24315 3.64492L4.79585 2C4.79585 2 3.89959 2.05282 3.5834 2.61873C3.26722 3.18464 2.239 6.10224 2.239 6.10224C2.239 6.10224 2.58008 6.26321 3.16017 5.8306C3.53203 5.52533 3.80014 5.11025 3.92697 4.64344L4.98257 4.59062L5.01245 7.67925C5.01245 7.67925 3.19253 7.65159 2.82407 7.67925C2.4556 7.70692 2.24398 8.70544 2.24398 8.70544L5.01245 8.70544C5.01245 8.70544 4.77593 10.4057 4.0639 11.6482C3.35187 12.8907 2 13.8615 2 13.8615L2 13.8615Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/if} |
|||
</div> |
|||
{php} |
|||
$hc_lang = function_exists('getLang') ? getLang() : 'zh'; |
|||
$hc_default_lang = config('lang.default_lang') ?: 'zh'; |
|||
$hc_lang_ui = ($hc_lang === 'en') ? 'en' : 'zh'; |
|||
{/php} |
|||
<button |
|||
type="button" |
|||
class="site-header__lang" |
|||
aria-label="切换语言" |
|||
data-lang-default="{$hc_default_lang}" |
|||
data-lang-current="{$hc_lang}" |
|||
> |
|||
<span class="site-header__icon" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 16 16" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="16.000000" |
|||
height="16.000000" |
|||
fill="none" |
|||
> |
|||
<rect id="语言 2" width="16.000000" height="16.000000" x="0.000000" y="0.000000" /> |
|||
<path |
|||
id="矢量 10" |
|||
d="M9.873 14.15C9.696 13.813 9.507 13.323 9.611 13.03C9.6354 12.9452 9.67429 12.8652 9.72593 12.7936C9.77757 12.722 9.8412 12.6599 9.914 12.61C10.105 12.454 10.367 12.241 10.575 11.701C10.655 11.492 10.708 11.282 10.758 11.08C10.942 10.345 11.008 10.232 11.541 10.293C11.941 10.341 12.189 10.533 12.476 10.756C12.758 10.975 13.079 11.207 13.52 11.283C13.1147 11.9647 12.5871 12.5657 11.9635 13.0557C11.3399 13.5458 10.6312 13.9164 9.873 14.149M2.486 11.294C2.951 11.238 3.459 11.076 3.822 10.68C4.223 10.242 4.226 9.67 4.228 9.212C4.231 8.587 4.266 8.415 4.582 8.297C5.014 8.137 5.21 8.29 5.616 8.65C5.854 8.862 6.124 9.102 6.483 9.212C6.906 9.342 7.413 9.282 7.837 9.049C8.26 8.819 8.574 8.428 8.707 7.964L8.71 7.964L8.714 7.949L8.718 7.937C8.723 7.921 8.723 7.907 8.728 7.891C8.759 7.782 8.781 7.672 8.795 7.563C8.802 7.514 8.805 7.47 8.808 7.423C8.811 7.385 8.816 7.347 8.818 7.31C8.83087 7.06331 8.82619 6.81602 8.804 6.57C8.79484 6.4612 8.78884 6.35215 8.786 6.243C8.78356 6.14213 8.8088 6.04252 8.859 5.955C8.947 5.913 9.181 5.871 9.342 5.843C9.789 5.764 10.336 5.664 10.666 5.276L10.671 5.273L10.67 5.273C10.69 5.249 10.711 5.229 10.729 5.203C11.287 4.417 11.253 3.604 10.641 3.082C10.5924 3.04235 10.542 3.00497 10.49 2.97C10.13 2.72 9.976 2.543 10.081 2.218C10.112 2.12 10.146 2.035 10.179 1.958C11.4229 2.40565 12.4984 3.22602 13.259 4.30728C14.0195 5.38853 14.4281 6.67804 14.429 8C14.429 8.774 14.284 9.513 14.034 10.2C13.9568 10.2233 13.8773 10.2387 13.797 10.246C13.577 10.246 13.417 10.131 13.133 9.909C12.789 9.642 12.361 9.311 11.666 9.229C10.168 9.051 9.885 10.159 9.719 10.819C9.677 10.988 9.636 11.159 9.574 11.317C9.469 11.591 9.382 11.662 9.237 11.78C9.049 11.934 8.791 12.144 8.603 12.67C8.393 13.253 8.584 13.906 8.793 14.374C8.533 14.407 8.269 14.429 8 14.429C6.88828 14.4285 5.79575 14.1393 4.82936 13.5898C3.86297 13.0402 3.05584 12.2492 2.487 11.294M7.999 1.571C8.389 1.571 8.768 1.611 9.138 1.678C9.10993 1.74743 9.08425 1.81781 9.061 1.889C8.694 3.026 9.586 3.646 9.878 3.849L9.945 3.896C10.01 3.952 10.176 4.101 9.885 4.538C9.781 4.627 9.675 4.643 9.415 4.655C9.067 4.672 8.542 4.697 8.076 5.215L8.074 5.218L8.073 5.219L8.067 5.224C8.057 5.235 8.051 5.247 8.042 5.258C7.795 5.548 7.725 5.865 7.717 6.176C7.70977 6.37943 7.71444 6.58311 7.731 6.786C7.744 7.001 7.756 7.207 7.738 7.39C7.72669 7.47875 7.70932 7.56662 7.686 7.653C7.65961 7.74994 7.6136 7.84043 7.55081 7.91887C7.48803 7.99731 7.40981 8.06202 7.321 8.109C7.151 8.203 6.944 8.234 6.799 8.189C6.662 8.146 6.499 8.002 6.326 7.849C5.902 7.472 5.26 6.902 4.208 7.293C3.164 7.683 3.16 8.599 3.157 9.206C3.155 9.524 3.153 9.824 3.032 9.956C2.808 10.201 2.349 10.253 1.982 10.244C1.71189 9.52664 1.57301 8.76653 1.572 8C1.572 6.87159 1.869 5.76305 2.43316 4.78579C2.99731 3.80853 3.80875 2.99696 4.78592 2.43266C5.7631 1.86835 6.87159 1.57118 8 1.571M8 0.5C3.864 0.5 0.5 3.864 0.5 8C0.5 12.136 3.864 15.5 8 15.5C12.136 15.5 15.5 12.136 15.5 8C15.5 3.864 12.136 0.5 8 0.5Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
<span class="site-header__lang-opt{if $hc_lang_ui=='en'} site-header__lang-active{/if}" data-lang="en">EN</span> |
|||
<span>/</span> |
|||
<span class="site-header__lang-opt{if $hc_lang_ui=='zh'} site-header__lang-active{/if}" data-lang="zh">CN</span> |
|||
</button> |
|||
</div> |
|||
<div class="site-header__main"> |
|||
<a href="{:getMuiLangUrl('/')}" class="header-logo" aria-label="睿能科技"> |
|||
<img |
|||
class="header-logo__img--default" |
|||
src="{hcTaglib:setting name='logo' type='2' /}" |
|||
alt="RAYNEN 睿能科技" |
|||
width="252" |
|||
height="26" |
|||
/> |
|||
<img |
|||
class="header-logo__img--dark" |
|||
src="{hcTaglib:setting name='dark_logo' type='2' /}" |
|||
alt="RAYNEN 睿能科技" |
|||
width="252" |
|||
height="26" |
|||
/> |
|||
</a> |
|||
<nav class="site-header__nav" aria-label="主导航"> |
|||
<ul> |
|||
{php} |
|||
$ui_nav_header = uiId('nav_header'); |
|||
$ui_home = uiId('home'); |
|||
$ui_product = uiId('product'); |
|||
$ui_solution = uiId('solution'); |
|||
$ui_support = uiId('support'); |
|||
$ui_news = uiId('news'); |
|||
$ui_invest = uiId('invest'); |
|||
$ui_about = uiId('about'); |
|||
$ui_exhibition = uiId('exhibition'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_header" max-level="2" item="vo" name="hc_header_nav" sort="sort asc"} |
|||
{php} |
|||
$nav_title = $vo['title'] ?? ''; |
|||
$nav_href = $vo['href'] ?? ''; |
|||
$nav_id = (int)($vo['id'] ?? 0); |
|||
$nav_cid = (int)($vo['category_id'] ?? 0); |
|||
$nav_children = $vo['children'] ?? []; |
|||
// 产品 / 解决方案 走特殊下拉（ID 见 config/ui_ids.php） |
|||
$nav_is_product = ($nav_cid === $ui_product); |
|||
$nav_is_solution = ($nav_cid === $ui_solution); |
|||
$nav_is_home = ($nav_cid === $ui_home); |
|||
// 普通下拉面板样式 class |
|||
$nav_mega_map = [ |
|||
$ui_support => 'support', // 服务支持 |
|||
$ui_news => 'news', // 新闻动态 |
|||
$ui_invest => 'invest', // 投资者关系 |
|||
$ui_about => 'about', // 关于睿能 |
|||
]; |
|||
$nav_mega_class = $nav_mega_map[$nav_cid] ?? 'support'; |
|||
{/php} |
|||
{if $nav_is_product} |
|||
<!-- 产品导航（特殊处理） --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
{hcTaglib:category id="$ui_product" item="vo" field="*"} |
|||
<a |
|||
href="{$vo.alias}" |
|||
class="site-header__nav-link" |
|||
aria-expanded="false" |
|||
> |
|||
{$vo.title} |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- 产品导航下拉面板 --> |
|||
<div class="nav-mega product" id="nav-mega-product"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content product"> |
|||
<aside class="nav-mega__cats" aria-label="产品分类"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort=""} |
|||
|
|||
<button type="button" class="nav-mega__cat {if $key==1}is-active{/if}" data-mega-cat="product_{$key}"> |
|||
<span>{$vo.title}</span> |
|||
<span class="nav-mega__cat-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</button> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</aside> |
|||
<div class="nav-mega__main"> |
|||
<div class="nav-mega__panels"> |
|||
{hcTaglib:subcategory pid="$ui_product" item="vo" sort=""} |
|||
<div class="nav-mega__panel {if $key==1}is-active{/if}" data-mega-panel="product_{$key}" {if $key!=1}hidden{/if}> |
|||
{php} |
|||
$sub_cate_id = $vo['id']; // 获取子分类的ID |
|||
{/php} |
|||
<a class="nav-mega__heading" href="{$vo.alias}?cat=product-control-{$vo.id}"> |
|||
<span>{$vo.title}</span> |
|||
<span class="nav-mega__heading-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<div class="nav-mega__body"> |
|||
<div class="nav-mega__cols"> |
|||
<!-- 一级栏目展示产品 --> |
|||
{if ($vo.need_show_sub_content==1)} |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content_tmp" limit="30" item="content_one" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
{/hcTaglib:nav} |
|||
{if !empty($hc_content)} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content_tmp" id="vo_content_tmp"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content_tmp['id'],'cid'=>$vo_content_tmp['category_id']])}">{$vo_content_tmp.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
{/if} |
|||
|
|||
|
|||
{hcTaglib:subcategory pid="$sub_cate_id" item="vo22" sort=""} |
|||
<div class="nav-mega__col"> |
|||
<div class="nav-mega__group"> |
|||
<a class="nav-mega__group-title" href="{$vo.alias}?cat=product-control-{$vo.id}&sub=product-plc-{$vo22.id}">{$vo22.title}</a> |
|||
<!-- 获取当前分类下的内容 --> |
|||
{hcTaglib:contentPage2 cid="$vo22.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content" limit="30" item="content22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{if !empty($hc_content) && $vo22.need_show_sub_content==1} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content" id="vo_content"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}">{$vo_content.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
{php} |
|||
$sub_cate_id22 = $vo22['id']; // 获取子分类的ID |
|||
{/php} |
|||
|
|||
{hcTaglib:subcategory pid="$sub_cate_id22" item="vo33" sort=""} |
|||
<div class="nav-mega__subgroup"> |
|||
<div class="nav-mega__subgroup-head"> |
|||
<button type="button" class="nav-mega__subgroup-title">{$vo33.title}</button> |
|||
<button type="button" class="nav-mega__subgroup-toggle" aria-expanded="false" aria-label="展开/收起"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
<!-- 获取当前子分类下的内容 --> |
|||
{hcTaglib:contentPage2 cid="$vo33.id" mainField="id,category_id,title,sub_title" subField="" name="hc_content33" limit="30" item="content33" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
{if !empty($hc_content33)} |
|||
<ul class="nav-mega__links"> |
|||
{volist name="hc_content33" id="vo_content33"} |
|||
<li><a href="{:hcUrl('detail/index',['id'=>$vo_content33['id'],'cid'=>$vo_content33['category_id']])}">{$vo_content33.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
{/if} |
|||
|
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
|
|||
<div class="nav-mega__promo-side"> |
|||
{hcTaglib:category id="$ui_exhibition" item="vo" field="*"} |
|||
{php} |
|||
$zhanhui_and_activity = $vo; |
|||
$thumbnail_url_header = $vo['thumbnail']['url'] ?? ''; |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
<a class="nav-mega__promo" href="{$zhanhui_and_activity.alias}"> |
|||
<div class="nav-mega__promo-media"> |
|||
<img |
|||
src="{$thumbnail_url_header}" |
|||
alt="" |
|||
width="320" |
|||
height="200" |
|||
loading="lazy" |
|||
/> |
|||
</div> |
|||
<div class="nav-mega__promo-title"> |
|||
<span>{$zhanhui_and_activity.title}</span> |
|||
<span class="nav-mega__promo-arrow" aria-hidden="true"> |
|||
<svg |
|||
viewBox="-1 -1 8.59082 13.0605" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
> |
|||
<path |
|||
d="M0 4.12464e-05L5 5.00004L10 0" |
|||
stroke="currentColor" |
|||
stroke-width="1.5" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
transform="matrix(0,-1,1,0,0.530273,10.5303)" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</div> |
|||
<p class="nav-mega__promo-desc">了解睿能最新展会信息</p> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{elseif $nav_is_solution /} |
|||
<!-- 解决方案（特殊处理） --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
<a |
|||
href="javascript:void(0);" |
|||
class="site-header__nav-link" |
|||
data-mega-trigger="solution" |
|||
aria-expanded="false" |
|||
aria-controls="nav-mega-solution" |
|||
> |
|||
解决方案 |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<!-- 解决方案导航下拉面板 --> |
|||
<div class="nav-mega nav-mega--solution" id="nav-mega-solution"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content solution"> |
|||
<div class="nav-mega__cols nav-mega__cols--solution"> |
|||
{hcTaglib:allSubCategory pid="$ui_solution" item="vo" sort=""} |
|||
<div class="nav-mega__col"> |
|||
<div class="nav-mega__group"> |
|||
<span class="nav-mega__group-title">{$vo.title}</span> |
|||
<ul class="nav-mega__links"> |
|||
{volist name="vo.children" id="vvv"} |
|||
<li><a href="{$vvv.alias}">{$vvv.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:allSubCategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{elseif condition="!empty($nav_children)" /} |
|||
<!-- 普通下拉导航 --> |
|||
<li class="site-header__nav-item site-header__nav-item--mega"> |
|||
<a |
|||
href="{$nav_href}" |
|||
class="site-header__nav-link" |
|||
aria-expanded="false" |
|||
aria-controls="nav-mega-{$nav_id}" |
|||
> |
|||
{$nav_title} |
|||
<span class="site-header__chevron" aria-hidden="true"> |
|||
<svg |
|||
viewBox="0 0 11.2734 6.90918" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="11.273438" |
|||
height="6.909180" |
|||
fill="none" |
|||
> |
|||
<path |
|||
id="矢量 2" |
|||
d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" |
|||
stroke="currentColor" |
|||
stroke-width="1.800000" |
|||
/> |
|||
</svg> |
|||
</span> |
|||
</a> |
|||
<div class="nav-mega" id="nav-mega-{$nav_id}"> |
|||
<div class="nav-mega__inner"> |
|||
<div class="nav-mega__dropdown-content {$nav_mega_class}"> |
|||
<ul class="nav-mega__row"> |
|||
{volist name="nav_children" id="child"} |
|||
<li><a href="{$child.href ?? ''}">{$child.title}</a></li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<!-- 无子级：普通链接 --> |
|||
<li class="site-header__nav-item"> |
|||
<a href="{$nav_href}"{if condition="$nav_is_home"} class="is-active"{/if}>{$nav_title}</a> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</nav> |
|||
<div class="site-header__actions"> |
|||
<a class="site-header__contact-btn s-btn s-btn--primary" type="button" href="/about-hui.html#contact-us">联系我们</a> |
|||
<button class="site-header__icon-btn glass-card" type="button" aria-label="微信"> |
|||
<svg viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="21.500000" height="21.500000" fill="none" customFrame="#000000"> |
|||
<path id="Vector (Stroke)" |
|||
d="M4.32801 4.09262C2.58444 5.77492 1.5 8.13581 1.5 10.75C1.5 15.8586 5.64137 20 10.75 20C10.8775 20 11.0044 19.9974 11.1307 19.9923C10.9252 19.0807 10.8974 17.8551 11.524 16.6743C12.1761 15.4455 13.5262 14.9122 14.5189 14.6682C15.039 14.5404 15.5208 14.4773 15.8711 14.4459C16.0472 14.4301 16.1923 14.4221 16.2952 14.418C16.3466 14.416 16.3877 14.4149 16.417 14.4144L16.4519 14.4139L16.4604 14.4138C18.1329 14.3964 18.8864 13.8525 19.2863 13.3336C19.6279 12.8904 19.7569 12.4471 19.8877 11.9975C19.9043 11.9403 19.921 11.883 19.9381 11.8256C19.979 11.4727 20 11.1138 20 10.75C20 8.22592 18.989 5.93797 17.3499 4.26898C17.3412 4.30304 17.3323 4.3366 17.3232 4.3696C17.1604 4.96256 16.8975 5.57114 16.6118 6.00475C16.3559 6.39313 15.8595 6.78492 15.4475 7.08094C15.1763 7.27578 14.894 7.4413 14.6379 7.58888C14.607 7.60672 14.5765 7.62428 14.5463 7.6416C14.3183 7.77278 14.1131 7.89077 13.9156 8.02123C13.4838 8.30655 13.1497 8.61363 12.9248 9.07729C12.8461 9.23966 12.8436 9.39808 12.8902 9.56769C12.9648 9.83921 13.0156 10.1446 13.0164 10.456C13.0181 11.105 12.6875 11.6317 12.2626 11.9741C11.8428 12.3125 11.2941 12.506 10.7418 12.5C8.28653 12.4731 6.77692 10.4806 6.57782 8.26448C6.49861 7.38293 6.11212 6.49121 5.62411 5.71185C5.17593 4.9961 4.67094 4.42095 4.32801 4.09262ZM5.49505 3.13662C5.9101 3.55462 6.43084 4.17381 6.89544 4.91579C7.45296 5.80616 7.96374 6.92759 8.0718 8.13025C8.22276 9.81051 9.28489 10.984 10.7582 11C10.9608 11.0023 11.1712 10.9272 11.3214 10.8062C11.4665 10.6893 11.5167 10.5658 11.5164 10.4599C11.516 10.3044 11.4898 10.1325 11.4437 9.96483C11.3226 9.52357 11.3053 8.97925 11.5752 8.42271C11.9602 7.62891 12.5308 7.13838 13.0888 6.76971C13.3279 6.61171 13.576 6.46918 13.7998 6.34055C13.83 6.32322 13.8597 6.30613 13.8889 6.2893C14.1441 6.14218 14.3682 6.00939 14.5722 5.86277C15.0033 5.55305 15.276 5.30581 15.3592 5.17947C15.5417 4.90255 15.7469 4.44533 15.8767 3.9725C15.9796 3.59787 16.0081 3.31036 15.9985 3.13216C14.5073 2.10281 12.699 1.5 10.75 1.5C8.79814 1.5 6.98748 2.10455 5.49505 3.13662ZM21.4292 11.9903C21.476 11.5833 21.5 11.1695 21.5 10.75C21.5 4.81294 16.6871 0 10.75 0C4.81294 0 0 4.81294 0 10.75C0 16.6871 4.81294 21.5 10.75 21.5C16.2104 21.5 20.7199 17.4289 21.4088 12.1564C21.4271 12.0929 21.4429 12.04 21.4571 12.0001L21.4292 11.9903ZM18.6547 15.5566C18.0591 15.7749 17.3412 15.9047 16.4761 15.9138L16.4682 15.9138L16.4682 15.9138L16.4656 15.9138L16.445 15.9141C16.4255 15.9145 16.3949 15.9152 16.3544 15.9168C16.2733 15.9201 16.1534 15.9266 16.0052 15.9399C15.7071 15.9666 15.3037 16.02 14.8769 16.1249C13.9757 16.3464 13.185 16.7442 12.849 17.3774C12.3935 18.2357 12.4585 19.1696 12.6284 19.8092C15.1774 19.2834 17.3431 17.7089 18.6547 15.5566Z" |
|||
fill-rule="evenodd" /> |
|||
<form class="site-header__search" action="{:getMuiLangUrl('/search.html')}" method="get" role="search"> |
|||
<input |
|||
class="site-header__search-input" |
|||
type="search" |
|||
name="q" |
|||
placeholder="搜索关键词" |
|||
autocomplete="off" |
|||
/> |
|||
<button class="site-header__search-btn" type="submit" aria-label="搜索"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(0,0,0)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="24" |
|||
height="24" |
|||
/> |
|||
</button> |
|||
</form> |
|||
<a class="s-btn s-btn--primary site-header__cta" href="{:getMuiLangUrl('/contact.html')}">联系我们</a> |
|||
</div> |
|||
<div class="site-header__extras"> |
|||
<button class="site-header__extra-btn lang" type="button" aria-label="切换语言"> |
|||
<svg |
|||
viewBox="0 0 32 32" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="32.000000" |
|||
height="32.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<path |
|||
id="矢量 10" |
|||
d="M19.746 28.3C19.392 27.626 19.014 26.646 19.222 26.06C19.2708 25.8903 19.3486 25.7304 19.4519 25.5872C19.5551 25.4441 19.6824 25.3198 19.828 25.22C20.21 24.908 20.734 24.482 21.15 23.402C21.31 22.984 21.416 22.564 21.516 22.16C21.884 20.69 22.016 20.464 23.082 20.586C23.882 20.682 24.378 21.066 24.952 21.512C25.516 21.95 26.158 22.414 27.04 22.566C26.2295 23.9294 25.1741 25.1314 23.927 26.1115C22.6798 27.0915 21.2624 27.8328 19.746 28.298M4.972 22.588C5.902 22.476 6.918 22.152 7.644 21.36C8.446 20.484 8.452 19.34 8.456 18.424C8.462 17.174 8.532 16.83 9.164 16.594C10.028 16.274 10.42 16.58 11.232 17.3C11.708 17.724 12.248 18.204 12.966 18.424C13.812 18.684 14.826 18.564 15.674 18.098C16.52 17.638 17.148 16.856 17.414 15.928L17.42 15.928L17.428 15.898L17.436 15.874C17.446 15.842 17.446 15.814 17.456 15.782C17.518 15.564 17.562 15.344 17.59 15.126C17.604 15.028 17.61 14.94 17.616 14.846C17.622 14.77 17.632 14.694 17.636 14.62C17.6617 14.1266 17.6524 13.632 17.608 13.14C17.5897 12.9224 17.5777 12.7043 17.572 12.486C17.5671 12.2843 17.6176 12.085 17.718 11.91C17.894 11.826 18.362 11.742 18.684 11.686C19.578 11.528 20.672 11.328 21.332 10.552L21.342 10.546L21.34 10.546C21.38 10.498 21.422 10.458 21.458 10.406C22.574 8.834 22.506 7.208 21.282 6.164C21.1849 6.08469 21.0841 6.00994 20.98 5.94C20.26 5.44 19.952 5.086 20.162 4.436C20.224 4.24 20.292 4.07 20.358 3.916C22.8457 4.81129 24.9968 6.45204 26.5179 8.61455C28.039 10.7771 28.8562 13.3561 28.858 16C28.858 17.548 28.568 19.026 28.068 20.4C27.9135 20.4466 27.7547 20.4774 27.594 20.492C27.154 20.492 26.834 20.262 26.266 19.818C25.578 19.284 24.722 18.622 23.332 18.458C20.336 18.102 19.77 20.318 19.438 21.638C19.354 21.976 19.272 22.318 19.148 22.634C18.938 23.182 18.764 23.324 18.474 23.56C18.098 23.868 17.582 24.288 17.206 25.34C16.786 26.506 17.168 27.812 17.586 28.748C17.066 28.814 16.538 28.858 16 28.858C13.7766 28.857 11.5915 28.2786 9.65872 27.1796C7.72594 26.0805 6.11169 24.4983 4.974 22.588M15.998 3.142C16.778 3.142 17.536 3.222 18.276 3.356C18.2199 3.49487 18.1685 3.63562 18.122 3.778C17.388 6.052 19.172 7.292 19.756 7.698L19.89 7.792C20.02 7.904 20.352 8.202 19.77 9.076C19.562 9.254 19.35 9.286 18.83 9.31C18.134 9.344 17.084 9.394 16.152 10.43L16.148 10.436L16.146 10.438L16.134 10.448C16.114 10.47 16.102 10.494 16.084 10.516C15.59 11.096 15.45 11.73 15.434 12.352C15.4195 12.7589 15.4289 13.1662 15.462 13.572C15.488 14.002 15.512 14.414 15.476 14.78C15.4534 14.9575 15.4186 15.1332 15.372 15.306C15.3192 15.4999 15.2272 15.6809 15.1016 15.8377C14.9761 15.9946 14.8196 16.124 14.642 16.218C14.302 16.406 13.888 16.468 13.598 16.378C13.324 16.292 12.998 16.004 12.652 15.698C11.804 14.944 10.52 13.804 8.416 14.586C6.328 15.366 6.32 17.198 6.314 18.412C6.31 19.048 6.306 19.648 6.064 19.912C5.616 20.402 4.698 20.506 3.964 20.488C3.42378 19.0533 3.14602 17.5331 3.144 16C3.144 13.7432 3.738 11.5261 4.86631 9.57158C5.99462 7.61705 7.61749 5.99393 9.57184 4.86531C11.5262 3.7367 13.7432 3.14235 16 3.142M16 1C7.728 1 1 7.728 1 16C1 24.272 7.728 31 16 31C24.272 31 31 24.272 31 16C31 7.728 24.272 1 16 1Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
<path |
|||
id="矢量 10" |
|||
d="M16 0C24.8235 0 32 7.17653 32 16C32 24.8235 24.8235 32 16 32C7.17653 32 0 24.8235 0 16C0 7.17653 7.17653 0 16 0ZM1 16C1 7.728 7.728 1 16 1C24.272 1 31 7.728 31 16C31 24.272 24.272 31 16 31C7.728 31 1 24.272 1 16Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</button> |
|||
<button class="site-header__icon-btn search-btn" type="button" aria-label="搜索"> |
|||
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="20.000000" height="20.000000" fill="none" customFrame="#000000"> |
|||
<path id="Vector" |
|||
d="M9.53488 1.39535C5.03954 1.39535 1.39535 5.03954 1.39535 9.53488C1.39535 14.0302 5.03954 17.6744 9.53488 17.6744C14.0302 17.6744 17.6744 14.0302 17.6744 9.53488C17.6744 5.03954 14.0302 1.39535 9.53488 1.39535ZM0 9.53488C0 4.26891 4.26891 0 9.53488 0C14.8009 0 19.0698 4.26891 19.0698 9.53488C19.0698 11.9168 18.1964 14.0946 16.7524 15.7658L19.7957 18.809C20.0681 19.0815 20.0681 19.5232 19.7957 19.7957C19.5232 20.0681 19.0815 20.0681 18.809 19.7957L15.7658 16.7524C14.0946 18.1964 11.9168 19.0698 9.53488 19.0698C4.26891 19.0698 0 14.8009 0 9.53488Z" |
|||
fill-rule="evenodd" /> |
|||
<a href="{:getMuiLangUrl('/search.html')}" class="site-header__extra-btn search" aria-label="搜索"> |
|||
<svg |
|||
viewBox="0 0 32.9434 32" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="32.943359" |
|||
height="32.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<path |
|||
id="矢量 3" |
|||
d="M22.7394 24.9684C20.3451 26.8783 17.3108 28.0198 14.0099 28.0198C6.27256 28.0198 0 21.7474 0 14.0099C0 6.27246 6.27256 0 14.0099 0C21.7473 0 28.0198 6.27246 28.0198 14.0099C28.0198 16.9923 27.088 19.757 25.4995 22.0287L32.944 28.9999L29.7711 32L22.7394 24.9684ZM23.8675 14.0099C23.8675 8.01334 20.0063 4.15222 14.0099 4.15222C8.01354 4.15222 4.15232 8.01334 4.15232 14.0099C4.15232 20.0065 8.01354 23.8676 14.0099 23.8676C20.0063 23.8676 23.8675 20.0065 23.8675 14.0099Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</button> |
|||
<button class="site-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="打开导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</a> |
|||
<button |
|||
class="site-header__extra-btn toggle" |
|||
type="button" |
|||
aria-expanded="false" |
|||
aria-controls="mask" |
|||
aria-label="打开导航菜单" |
|||
> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/1999/svg" aria-hidden="true"> |
|||
<rect |
|||
class="nav-toggle-icon__bar nav-toggle-icon__bar--top" |
|||
x="4" |
|||
y="6" |
|||
width="16" |
|||
height="2" |
|||
rx="1" |
|||
/> |
|||
<rect |
|||
class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" |
|||
x="4" |
|||
y="11" |
|||
width="16" |
|||
height="2" |
|||
rx="1" |
|||
/> |
|||
<rect |
|||
class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" |
|||
x="4" |
|||
y="16" |
|||
width="16" |
|||
height="2" |
|||
rx="1" |
|||
/> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
|
|||
{php} |
|||
// 获取股票信息 |
|||
$stockInfo = getStockInfo('603933'); |
|||
// 判断涨跌颜色 |
|||
$priceColor = ''; |
|||
if ($stockInfo['change'] !== '--') { |
|||
$changeVal = floatval(str_replace(['+', '-'], '', $stockInfo['change'])); |
|||
if ($stockInfo['change'][0] === '+') { |
|||
$priceColor = 'color: #ef4335'; // 上涨红色 |
|||
} elseif ($stockInfo['change'][0] === '-') { |
|||
$priceColor = 'color: #00b894'; // 下跌绿色 |
|||
} |
|||
} |
|||
{/php} |
|||
@ -0,0 +1,206 @@ |
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<a href="{:getMuiLangUrl('/')}" class="mask-header__logo" aria-label="睿能科技"> |
|||
<img src="{hcTaglib:setting name='dark_logo' type='2' /}" alt="RAYNEN 睿能科技" width="252" height="26" /> |
|||
</a> |
|||
<div class="mask-header__actions"> |
|||
<button class="mask-header__icon-btn lang" type="button" aria-label="切换语言"> |
|||
<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.000000" height="32.000000" fill="none" customFrame="#000000"> |
|||
<path |
|||
id="矢量 10" |
|||
d="M19.746 28.3C19.392 27.626 19.014 26.646 19.222 26.06C19.2708 25.8903 19.3486 25.7304 19.4519 25.5872C19.5551 25.4441 19.6824 25.3198 19.828 25.22C20.21 24.908 20.734 24.482 21.15 23.402C21.31 22.984 21.416 22.564 21.516 22.16C21.884 20.69 22.016 20.464 23.082 20.586C23.882 20.682 24.378 21.066 24.952 21.512C25.516 21.95 26.158 22.414 27.04 22.566C26.2295 23.9294 25.1741 25.1314 23.927 26.1115C22.6798 27.0915 21.2624 27.8328 19.746 28.298M4.972 22.588C5.902 22.476 6.918 22.152 7.644 21.36C8.446 20.484 8.452 19.34 8.456 18.424C8.462 17.174 8.532 16.83 9.164 16.594C10.028 16.274 10.42 16.58 11.232 17.3C11.708 17.724 12.248 18.204 12.966 18.424C13.812 18.684 14.826 18.564 15.674 18.098C16.52 17.638 17.148 16.856 17.414 15.928L17.42 15.928L17.428 15.898L17.436 15.874C17.446 15.842 17.446 15.814 17.456 15.782C17.518 15.564 17.562 15.344 17.59 15.126C17.604 15.028 17.61 14.94 17.616 14.846C17.622 14.77 17.632 14.694 17.636 14.62C17.6617 14.1266 17.6524 13.632 17.608 13.14C17.5897 12.9224 17.5777 12.7043 17.572 12.486C17.5671 12.2843 17.6176 12.085 17.718 11.91C17.894 11.826 18.362 11.742 18.684 11.686C19.578 11.528 20.672 11.328 21.332 10.552L21.342 10.546L21.34 10.546C21.38 10.498 21.422 10.458 21.458 10.406C22.574 8.834 22.506 7.208 21.282 6.164C21.1849 6.08469 21.0841 6.00994 20.98 5.94C20.26 5.44 19.952 5.086 20.162 4.436C20.224 4.24 20.292 4.07 20.358 3.916C22.8457 4.81129 24.9968 6.45204 26.5179 8.61455C28.039 10.7771 28.8562 13.3561 28.858 16C28.858 17.548 28.568 19.026 28.068 20.4C27.9135 20.4466 27.7547 20.4774 27.594 20.492C27.154 20.492 26.834 20.262 26.266 19.818C25.578 19.284 24.722 18.622 23.332 18.458C20.336 18.102 19.77 20.318 19.438 21.638C19.354 21.976 19.272 22.318 19.148 22.634C18.938 23.182 18.764 23.324 18.474 23.56C18.098 23.868 17.582 24.288 17.206 25.34C16.786 26.506 17.168 27.812 17.586 28.748C17.066 28.814 16.538 28.858 16 28.858C13.7766 28.857 11.5915 28.2786 9.65872 27.1796C7.72594 26.0805 6.11169 24.4983 4.974 22.588M15.998 3.142C16.778 3.142 17.536 3.222 18.276 3.356C18.2199 3.49487 18.1685 3.63562 18.122 3.778C17.388 6.052 19.172 7.292 19.756 7.698L19.89 7.792C20.02 7.904 20.352 8.202 19.77 9.076C19.562 9.254 19.35 9.286 18.83 9.31C18.134 9.344 17.084 9.394 16.152 10.43L16.148 10.436L16.146 10.438L16.134 10.448C16.114 10.47 16.102 10.494 16.084 10.516C15.59 11.096 15.45 11.73 15.434 12.352C15.4195 12.7589 15.4289 13.1662 15.462 13.572C15.488 14.002 15.512 14.414 15.476 14.78C15.4534 14.9575 15.4186 15.1332 15.372 15.306C15.3192 15.4999 15.2272 15.6809 15.1016 15.8377C14.9761 15.9946 14.8196 16.124 14.642 16.218C14.302 16.406 13.888 16.468 13.598 16.378C13.324 16.292 12.998 16.004 12.652 15.698C11.804 14.944 10.52 13.804 8.416 14.586C6.328 15.366 6.32 17.198 6.314 18.412C6.31 19.048 6.306 19.648 6.064 19.912C5.616 20.402 4.698 20.506 3.964 20.488C3.42378 19.0533 3.14602 17.5331 3.144 16C3.144 13.7432 3.738 11.5261 4.86631 9.57158C5.99462 7.61705 7.61749 5.99393 9.57184 4.86531C11.5262 3.7367 13.7432 3.14235 16 3.142M16 1C7.728 1 1 7.728 1 16C1 24.272 7.728 31 16 31C24.272 31 31 24.272 31 16C31 7.728 24.272 1 16 1Z" |
|||
fill="currentColor" |
|||
fill-rule="nonzero" |
|||
/> |
|||
<path |
|||
id="矢量 10" |
|||
d="M16 0C24.8235 0 32 7.17653 32 16C32 24.8235 24.8235 32 16 32C7.17653 32 0 24.8235 0 16C0 7.17653 7.17653 0 16 0ZM1 16C1 7.728 7.728 1 16 1C24.272 1 31 7.728 31 16C31 24.272 24.272 31 16 31C7.728 31 1 24.272 1 16Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</button> |
|||
<a href="{:getMuiLangUrl('/search.html')}" class="mask-header__icon-btn search" aria-label="搜索"> |
|||
<svg viewBox="0 0 32.9434 32" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32.943359" height="32.000000" fill="none" customFrame="#000000"> |
|||
<path |
|||
id="矢量 3" |
|||
d="M22.7394 24.9684C20.3451 26.8783 17.3108 28.0198 14.0099 28.0198C6.27256 28.0198 0 21.7474 0 14.0099C0 6.27246 6.27256 0 14.0099 0C21.7473 0 28.0198 6.27246 28.0198 14.0099C28.0198 16.9923 27.088 19.757 25.4995 22.0287L32.944 28.9999L29.7711 32L22.7394 24.9684ZM23.8675 14.0099C23.8675 8.01334 20.0063 4.15222 14.0099 4.15222C8.01354 4.15222 4.15232 8.01334 4.15232 14.0099C4.15232 20.0065 8.01354 23.8676 14.0099 23.8676C20.0063 23.8676 23.8675 20.0065 23.8675 14.0099Z" |
|||
fill="currentColor" |
|||
fill-rule="evenodd" |
|||
/> |
|||
</svg> |
|||
</a> |
|||
<button class="mask-header__icon-btn mask-header__icon-btn--close close" type="button" aria-expanded="false" aria-controls="mask" aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<nav class="mask-nav" aria-label="移动导航"> |
|||
<ul class="mask-nav__list"> |
|||
{php} |
|||
$ui_nav_header = uiId('nav_header'); |
|||
$ui_solution = uiId('solution'); |
|||
{/php} |
|||
{hcTaglib:nav cid="$ui_nav_header" max-level="2" item="vo" name="hc_mask_nav" sort="sort asc"} |
|||
{php} |
|||
$mask_title = $vo['title'] ?? ''; |
|||
$mask_href = $vo['href'] ?? ''; |
|||
$mask_cid = (int)($vo['category_id'] ?? 0); |
|||
$mask_children = $vo['children'] ?? []; |
|||
$mask_is_solution = ($mask_cid === $ui_solution); |
|||
{/php} |
|||
{if $mask_is_solution} |
|||
<!-- 解决方案：一级可继续展开二级（栏目树） --> |
|||
<li class="mask-nav__item mask-nav__item--expandable" data-expanded="false"> |
|||
<button class="mask-nav__link mask-nav__toggle" type="button" aria-expanded="false"> |
|||
<span>{$mask_title}</span> |
|||
<svg |
|||
class="mask-nav__icon" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="M12 5v14" /> |
|||
<path d="M5 12h14" /> |
|||
</svg> |
|||
</button> |
|||
<div class="mask-nav__sublist-wrapper"> |
|||
<ul class="mask-nav__sublist"> |
|||
{hcTaglib:allSubCategory pid="$ui_solution" item="sol" sort=""} |
|||
{php} |
|||
$sol_children = $sol['children'] ?? []; |
|||
$sol_has_children = !empty($sol_children); |
|||
$sol_href = $sol['alias'] ?? ''; |
|||
{/php} |
|||
{if $sol_has_children} |
|||
<li class="mask-nav__subitem mask-nav__subitem--expandable" data-expanded="false"> |
|||
<button class="mask-nav__sublink mask-nav__toggle" type="button" aria-expanded="false"> |
|||
<span>{$sol.title}</span> |
|||
<svg |
|||
class="mask-nav__icon" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="M12 5v14" /> |
|||
<path d="M5 12h14" /> |
|||
</svg> |
|||
</button> |
|||
<div class="mask-nav__sublist-wrapper"> |
|||
<ul class="mask-nav__sublist mask-nav__sublist--l2"> |
|||
{volist name="sol_children" id="sol2"} |
|||
<li class="mask-nav__subitem"> |
|||
<a href="{$sol2.alias}" class="mask-nav__sublink"> |
|||
<span>{$sol2.title}</span> |
|||
<svg |
|||
class="mask-nav__arrow" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="m9 18 6-6-6-6" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<li class="mask-nav__subitem"> |
|||
<a href="{$sol_href}" class="mask-nav__sublink"> |
|||
<span>{$sol.title}</span> |
|||
<svg |
|||
class="mask-nav__arrow" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="m9 18 6-6-6-6" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:allSubCategory} |
|||
</ul> |
|||
</div> |
|||
</li> |
|||
{elseif condition="!empty($mask_children)" /} |
|||
<li class="mask-nav__item mask-nav__item--expandable" data-expanded="false"> |
|||
<button class="mask-nav__link mask-nav__toggle" type="button" aria-expanded="false"> |
|||
<span>{$mask_title}</span> |
|||
<svg |
|||
class="mask-nav__icon" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="M12 5v14" /> |
|||
<path d="M5 12h14" /> |
|||
</svg> |
|||
</button> |
|||
<div class="mask-nav__sublist-wrapper"> |
|||
<ul class="mask-nav__sublist"> |
|||
{volist name="mask_children" id="child"} |
|||
<li class="mask-nav__subitem"> |
|||
<a href="{$child.href ?? ''}" class="mask-nav__sublink"> |
|||
<span>{$child.title}</span> |
|||
<svg |
|||
class="mask-nav__arrow" |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
fill="none" |
|||
stroke="currentColor" |
|||
stroke-width="2" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="m9 18 6-6-6-6" /> |
|||
</svg> |
|||
</a> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</li> |
|||
{else /} |
|||
<li class="mask-nav__item"> |
|||
<a href="{$mask_href}" class="mask-nav__link">{$mask_title}</a> |
|||
</li> |
|||
{/if} |
|||
{/hcTaglib:nav} |
|||
</ul> |
|||
</nav> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1,307 @@ |
|||
<!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/contact.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/contact.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<main class="main-contact" data-header-dark> |
|||
<section class="c-intro section__wrap"> |
|||
<h1 class="c-intro__title"> |
|||
<span>{$current_cate.sub_title}<br/>{$current_cate.desc}</span> |
|||
</h1> |
|||
<div class="c-intro__hotline"> |
|||
<div class="c-intro__hotline-label"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='Linear%20/%20Call%20/%20Incoming%20Call%20Rounded'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%204.26667L4.26667%200M1.06667%200L4.26667%200L4.26667%203.2'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-width='1.500000'%20transform='matrix(-1,0,0,-1,23.4668,12.7998)'%20/%3e%3cpath%20id='Vector'%20d='M13.9069%208.87071C12.9635%207.18033%2010.5929%206.9807%209.10712%208.46651C8.21432%209.35931%207.51962%2010.453%207.47379%2011.6621C7.39663%2013.6974%207.91173%2017.154%2011.379%2020.6212C14.8463%2024.0885%2018.3028%2024.6036%2020.3382%2024.5265C21.5472%2024.4806%2022.6409%2023.7859%2023.5338%2022.8931C25.0196%2021.4073%2024.8199%2019.0367%2023.1295%2018.0934L21.8891%2017.4011C20.7696%2016.7763%2019.3011%2017.0271%2018.3171%2018.0111C18.3171%2018.0111%2017.1236%2019.2046%2014.9596%2017.0406C12.7956%2014.8767%2013.9892%2013.6831%2013.9892%2013.6831C14.9731%2012.6991%2015.2239%2011.2306%2014.5992%2010.1112L13.9069%208.87071Z'%20fill-rule='evenodd'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/svg%3e" alt="" width="19" height="19" /> |
|||
<span>客服热线</span> |
|||
</div> |
|||
<a class="c-intro__phone" href="tel:400-0898-188">{hcTaglib:setting name="company_phone" type="1" /}</a> |
|||
<p class="c-intro__hours">{$current_cate.description}</p> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="c-banner" aria-label="服务入口"> |
|||
<div class="c-banner__media" aria-hidden="true"> |
|||
<img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" /> |
|||
</div> |
|||
<div class="c-banner__cards section__wrap"> |
|||
<a class="c-card" href="{:getMuiLangUrl('/download.html')}"> |
|||
<div class="c-card__head"> |
|||
<span class="c-card__title">下载中心</span> |
|||
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20279'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M33.3333%2018.667L44%2018.667L44%2044.0003L4%2044.0003L4%2018.667L14.6667%2018.667'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20487'%20d='M32%2028L24%2036L16%2028M24%204L24%2036'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='2.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> |
|||
</div> |
|||
<p class="c-card__desc">获取产品相关资料</p> |
|||
</a> |
|||
<a class="c-card" href="{:getMuiLangUrl('/faq.html')}"> |
|||
<div class="c-card__head"> |
|||
<span class="c-card__title">常见问题</span> |
|||
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='Question_and_answer'%3e%3cg%20id='question-and-answer'%3e%3cpath%20id='矢量%20484'%20d='M16.6667%2046L10.8%2037.2L4.93333%2037.2C3.32%2037.2%202%2035.88%202%2034.2667L2%2019.6C2%2017.9867%203.32%2016.6667%204.93333%2016.6667L26.9333%2016.6667C28.5467%2016.6667%2029.8667%2017.9867%2029.8667%2019.6L29.8667%2034.2667C29.8667%2035.88%2028.5467%2037.2%2026.9333%2037.2L16.6667%2037.2M35.7333%2025.4667L38.6667%2019.6L43.0667%2019.6C44.68%2019.6%2046%2018.28%2046%2016.6667L46%204.93333C46%203.32%2044.68%202%2043.0667%202L25.4667%202C23.8533%202%2022.5333%203.32%2022.5333%204.93333L22.5333%2016.6667M34.2667%2019.6L29.8667%2019.6M34.296%2013C34.296%2011.372%2034.5307%2010.9027%2035.5133%2010.3307C36.232%209.92%2036.9213%209.31867%2036.9213%208.10133C36.9213%206.54667%2035.7333%205.66667%2034.2813%205.66667C32.8293%205.66667%2031.6267%206.708%2031.6267%208.10133'%20fill-rule='nonzero'%20stroke='rgb(0,0,0)'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='矢量%20485'%20d='M17.3995%2026.9332C17.3995%2027.7399%2016.7395%2028.3999%2015.9328%2028.3999C15.1261%2028.3999%2014.4661%2027.7399%2014.4661%2026.9332C14.4661%2026.1265%2015.1261%2025.4665%2015.9328%2025.4665C16.7395%2025.4665%2017.3995%2026.1265%2017.3995%2026.9332ZM23.2661%2025.4665C22.4595%2025.4665%2021.7995%2026.1265%2021.7995%2026.9332C21.7995%2027.7399%2022.4595%2028.3999%2023.2661%2028.3999C24.0728%2028.3999%2024.7328%2027.7399%2024.7328%2026.9332C24.7328%2026.1265%2024.0728%2025.4665%2023.2661%2025.4665ZM8.59948%2025.4665C7.79281%2025.4665%207.13281%2026.1265%207.13281%2026.9332C7.13281%2027.7399%207.79281%2028.3999%208.59948%2028.3999C9.40615%2028.3999%2010.0661%2027.7399%2010.0661%2026.9332C10.0661%2026.1265%209.40615%2025.4665%208.59948%2025.4665ZM34.2661%2016.1239C34.7795%2016.1239%2035.1901%2015.7132%2035.1901%2015.2145C35.1901%2014.7159%2034.7795%2014.2905%2034.2661%2014.2905C33.7528%2014.2905%2033.3568%2014.7012%2033.3568%2015.2145C33.3568%2015.7279%2033.7675%2016.1239%2034.2661%2016.1239Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3c/g%3e%3crect%20id='Transparent_Rectangle'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> |
|||
</div> |
|||
<p class="c-card__desc">在这里，寻找想要的答案</p> |
|||
</a> |
|||
<a class="c-card" href="{:getMuiLangUrl('/video.html')}"> |
|||
<div class="c-card__head"> |
|||
<span class="c-card__title">视频教程</span> |
|||
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='vuesax/linear/play-circle'%3e%3cg%20id='play-circle'%3e%3cpath%20id='Vector'%20d='M23.9395%2044C12.8938%2044%203.93945%2035.0457%203.93945%2024C3.93945%2012.9543%2012.8938%204%2023.9395%204C34.9852%204%2043.9395%2012.9543%2043.9395%2024C43.9395%2035.0457%2034.9852%2044%2023.9395%2044Z'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M17.4805%2021.1202C17.4805%2016.9602%2020.4205%2015.2602%2024.0205%2017.3402L26.9205%2019.0202L29.8205%2020.7002C33.4205%2022.7803%2033.4205%2026.1802%2029.8205%2028.2603L26.9205%2029.9403L24.0205%2031.6203C20.4205%2033.7002%2017.4805%2032.0003%2017.4805%2027.8402L17.4805%2024.4602L17.4805%2021.1202Z'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20/%3e%3c/g%3e%3c/g%3e%3c/svg%3e" alt="" width="48" height="48" /> |
|||
</div> |
|||
<p class="c-card__desc">提供相关视频进行培训</p> |
|||
</a> |
|||
<a class="c-card" href="{:getMuiLangUrl('/announce.html')}"> |
|||
<div class="c-card__head"> |
|||
<span class="c-card__title">产品公告</span> |
|||
<img class="c-card__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2048%2048'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='48.000000'%20height='48.000000'%20fill='none'%3e%3crect%20id='容器%20280'%20width='48.000000'%20height='48.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='Vector'%20d='M4%2028.091C4%2032.1719%206.07692%2034.2124%2010.2308%2034.2124L13.2036%2034.2124C13.9774%2034.2124%2014.7511%2034.4324%2015.4027%2034.8325L21.4706%2038.5534C26.724%2041.7741%2031%2039.4336%2031%2033.3522L31%2014.6478C31%208.56641%2026.7036%206.22587%2021.4706%209.44662L15.4027%2013.1875C14.7308%2013.5876%2013.9774%2013.8076%2013.2036%2013.8076L10.2308%2013.8076C6.07692%2013.8076%204%2015.8481%204%2019.9291L4%2028.091Z'%20fill-rule='nonzero'%20stroke='rgb(41,45,50)'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,-0.5,0.5,0.866025,36.5352,15.001)'%20/%3e%3cpath%20id='Vector'%20d='M36%2024L44%2024'%20stroke='rgb(41,45,50)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20/%3e%3cpath%20id='Vector'%20d='M0%200L8%200'%20stroke='rgb(239,67,53)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='2.000000'%20transform='matrix(0.866025,0.5,-0.5,0.866025,36.5352,33)'%20/%3e%3c/svg%3e" alt="" width="48" height="48" /> |
|||
</div> |
|||
<p class="c-card__desc">了解产品最新动态</p> |
|||
</a> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="c-form-section section__wrap" id="form"> |
|||
<h2 class="c-form-section__title"> |
|||
<span>填写以下信息我们</span> |
|||
<span>第一时间回复</span> |
|||
</h2> |
|||
|
|||
<form class="c-form section-contact-form" action="#" method="post"> |
|||
<div class="c-form__grid"> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">姓名 *</span> |
|||
<input class="c-field__input" type="text" name="name" placeholder="请输入姓名" autocomplete="name" /> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">手机 *</span> |
|||
<input class="c-field__input" type="tel" name="phone" placeholder="请输入手机" autocomplete="tel" /> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">公司 *</span> |
|||
<input class="c-field__input" type="text" name="company" placeholder="请输入公司名称" autocomplete="organization" /> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">邮箱 *</span> |
|||
<input class="c-field__input" type="email" name="email" placeholder="请输入邮箱" autocomplete="email" /> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">所属行业 *</span> |
|||
<select class="c-field__input c-field__select" name="industry"> |
|||
<option value="" disabled selected>请选择所属行业</option> |
|||
<option value="包装机械">包装机械</option> |
|||
<option value="机床">机床</option> |
|||
<option value="3C电子">3C电子</option> |
|||
<option value="其他">其他</option> |
|||
</select> |
|||
</label> |
|||
<label class="c-field"> |
|||
<span class="c-field__label">业务类型 *</span> |
|||
<select class="c-field__input c-field__select" name="bizType"> |
|||
<option value="" disabled selected>请选择业务类型</option> |
|||
<option value="产品咨询">产品咨询</option> |
|||
<option value="技术支持">技术支持</option> |
|||
<option value="商务合作">商务合作</option> |
|||
<option value="其他">其他</option> |
|||
</select> |
|||
</label> |
|||
<label class="c-field c-field--full"> |
|||
<span class="c-field__label">咨询描述</span> |
|||
<input class="c-field__input" type="text" name="content" placeholder="请输入咨询描述" /> |
|||
</label> |
|||
</div> |
|||
|
|||
<label class="c-form__agree"> |
|||
<input type="checkbox" name="agree" /> |
|||
<span>我已阅读并同意《隐私条款》</span> |
|||
</label> |
|||
|
|||
<button class="c-form__submit" type="submit">提交</button> |
|||
</form> |
|||
</section> |
|||
</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> |
|||
$(function () { |
|||
var $form = $('.section-contact-form'); |
|||
var $submitBtn = $form.find('.c-form__submit'); |
|||
var submitting = false; // 防重复提交标志 |
|||
|
|||
$form.on('submit', function (e) { |
|||
e.preventDefault(); |
|||
e.stopPropagation(); |
|||
if (submitting) return false; |
|||
|
|||
// 表单验证 |
|||
var name = $form.find('[name="name"]').val().trim(); |
|||
var phone = $form.find('[name="phone"]').val().trim(); |
|||
var company = $form.find('[name="company"]').val().trim(); |
|||
var email = $form.find('[name="email"]').val().trim(); |
|||
var industry = $form.find('[name="industry"]').val(); |
|||
var bizType = $form.find('[name="bizType"]').val(); |
|||
var agree = $form.find('[name="agree"]').prop('checked'); |
|||
|
|||
if (!name) { alert('请输入姓名'); return; } |
|||
if (!phone) { alert('请输入手机号'); return; } |
|||
if (!company) { alert('请输入公司名称'); return; } |
|||
if (!email) { alert('请输入邮箱'); return; } |
|||
if (!industry) { alert('请选择所属行业'); return; } |
|||
if (!bizType) { alert('请选择业务类型'); return; } |
|||
if (!agree) { alert('请阅读并同意《隐私条款》'); return; } |
|||
|
|||
// 收集表单数据（字段映射到数据库 hc_inquiry 表） |
|||
var content = $form.find('[name="content"]').val().trim(); |
|||
var data = { |
|||
contacts_name: name, // 联系人姓名 |
|||
phone: phone, // 联系人手机号 |
|||
company_name: company, // 客户名称 |
|||
email: email, // 邮箱 |
|||
telphone: bizType, // 固定电话字段存放业务类型 |
|||
explain: industry, // 询盘类型（所属行业） |
|||
content: content, // 询盘内容（咨询描述） |
|||
referer: 'website' // 询盘来源 |
|||
}; |
|||
|
|||
// 禁用提交按钮，防止重复提交 |
|||
submitting = true; |
|||
$submitBtn.prop('disabled', true).text('提交中...'); |
|||
|
|||
// 发送请求 |
|||
$.ajax({ |
|||
url: '/inquiry/save', |
|||
type: 'POST', |
|||
contentType: 'application/json', |
|||
data: JSON.stringify(data), |
|||
success: function (res) { |
|||
if (res.code === 0 || res.code === 200) { |
|||
$form[0].reset(); |
|||
showFormToast('提交成功，我们会尽快与您联系！'); |
|||
} else { |
|||
alert(res.msg || '提交失败，请稍后重试'); |
|||
} |
|||
}, |
|||
error: function () { |
|||
alert('网络错误，请稍后重试'); |
|||
}, |
|||
complete: function () { |
|||
submitting = false; |
|||
$submitBtn.prop('disabled', false).text('提交'); |
|||
} |
|||
}); |
|||
|
|||
return false; |
|||
}); |
|||
|
|||
// 表单提交成功提示 |
|||
var $toast = null; |
|||
var toastTimer = null; |
|||
function showFormToast(msg) { |
|||
if (!$toast) { |
|||
$toast = $( |
|||
'<div class="form-toast">' + |
|||
' <svg viewBox="0 0 24 24" width="22" height="22" fill="none" xmlns="http://www.w3.org/2000/svg">' + |
|||
' <circle cx="12" cy="12" r="10.5" stroke="currentColor" stroke-width="1.5"/>' + |
|||
' <path d="M7.5 12.5L10.5 15.5L16.5 9" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>' + |
|||
' </svg>' + |
|||
' <span class="form-toast__text"></span>' + |
|||
'</div>' |
|||
); |
|||
$('body').append($toast); |
|||
} |
|||
$toast.find('.form-toast__text').text(msg); |
|||
$toast.addClass('form-toast--show'); |
|||
clearTimeout(toastTimer); |
|||
toastTimer = setTimeout(function () { |
|||
$toast.removeClass('form-toast--show'); |
|||
}, 3000); |
|||
} |
|||
}); |
|||
</script> |
|||
<style> |
|||
.form-toast { |
|||
position: fixed; |
|||
left: 50%; |
|||
top: 40px; |
|||
transform: translate(-50%, -16px); |
|||
z-index: 9999; |
|||
display: flex; |
|||
align-items: center; |
|||
gap: 10px; |
|||
padding: 14px 24px; |
|||
border-radius: 8px; |
|||
background: #fff; |
|||
color: var(--color-primary); |
|||
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12); |
|||
font-size: 15px; |
|||
opacity: 0; |
|||
visibility: hidden; |
|||
pointer-events: none; |
|||
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s; |
|||
} |
|||
.form-toast--show { |
|||
opacity: 1; |
|||
visibility: visible; |
|||
transform: translate(-50%, 0); |
|||
} |
|||
.form-toast__text { |
|||
color: var(--color-text); |
|||
} |
|||
</style> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,374 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>智能灯光控制系统 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/dengguang.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/dengguang.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<div class="dengguang"> |
|||
<!-- dengguang-banner --> |
|||
{hcTaglib:category id="303" item="vo" field="*"} |
|||
<section class="section__banner" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<div class="section__img_text section-wrap" data-header-dark> |
|||
{hcTaglib:category id="304" item="vo" field="*"} |
|||
<div class="section__inner"> |
|||
<div class="section__left"> |
|||
<img class="dengguang_section_1__img" src="{:deal_image_url($vo.thumbnail.url)}" |
|||
width="620" height="388" alt="{$vo.title}"> |
|||
</div> |
|||
<div class="section__right"> |
|||
<header class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
</header> |
|||
<p class="section__desc"> |
|||
{$vo.description|nl2br|raw} |
|||
</p> |
|||
<!-- <p class="section__desc"> --> |
|||
<!-- 与传统照明相比，智能照明可达到安全、节能、舒适、高效的目的,因此智能照明在家居领域、办公领域、商务领域及公共设施领域均有广阔的发展前景。中国智能照明市场商机巨大，智能照明的应用领域目前主要集中在商务领域和公共设施领域，酒店、会展场馆、市政工程、道路交通领域内对智能照明的采纳使用较多。此外,办公建筑和高端别墅项目也有采用智能照明。随着国内智能照明研发生产技术的发展和产品推广力度的加大，家居领域的智能照明应用有望得以普及。 --> |
|||
<!-- </p> --> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<!-- dengguang-section-2：四大核心亮点 + Tab + 图文 --> |
|||
<section class="dengguang-section-2" aria-labelledby="dengguang-s2-title"> |
|||
<div class="dengguang-section-2__inner"> |
|||
{hcTaglib:category id="304" item="vo" field="*"} |
|||
<header class="section__header align-items-center"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="dengguang-s2-title" class="section__title">{$vo.sub_title}</h2> |
|||
</header> |
|||
{/hcTaglib:category} |
|||
|
|||
<div class="timeline__tabs" role="tablist"> |
|||
{hcTaglib:contentPage2 cid="305" mainField="*" subField="*" name="hc_content" limit="28" item="vo" sort="sort asc"} |
|||
<div class="timeline__tab {if $key==1}active{/if}" data-bs-toggle="tab" data-bs-target="#dengguang-s2-panel-{$key-1}" |
|||
role="tab"> |
|||
<h3 class="dengguang-section-2__feature-title">{$vo.title}</h3> |
|||
<div class="line-dot"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
<div class="dengguang-section-2__panels tab-content"> |
|||
{hcTaglib:contentPage2 cid="305" mainField="*" subField="*" name="hc_content" limit="28" item="vo" sort="sort asc"} |
|||
<div class="dengguang-section-2__panel tab-pane fade show {if $key==1}active{/if}" id="dengguang-s2-panel-{$key-1}" |
|||
role="tabpanel"> |
|||
<div class="dengguang-section-2__panel-inner"> |
|||
<figure class="dengguang-section-2__left"> |
|||
<img src="{:deal_image_url($vo.thumbnail.url)}" width="620" height="388" |
|||
alt="{$vo.title}"> |
|||
</figure> |
|||
<div class="dengguang-section-2__right"> |
|||
<p class="section__desc"> |
|||
{$vo.description|nl2br|raw} |
|||
</p> |
|||
<!-- <p class="section__desc">传统照明依赖人工逐路开关，效率低且易遗漏；智能照明则可通过 PC --> |
|||
<!-- 端管理软件、移动端或策略引擎在后台自动执行场景与日程，把「人找灯」变成「灯随人」，管控更精细、响应更及时。</p> --> |
|||
<!-- <p class="section__desc"> --> |
|||
<!-- 灯具与线路长期承受浪涌与异常工况会缩短寿命、推高维护成本。智能照明系统中的浪涌防护与状态监测能力，有助于稳定供电质量、延长灯具使用寿命，减少反复更换与人工检修带来的隐性支出。 --> |
|||
<!-- </p> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- K9LS系列 智能轻触开关 --> |
|||
{hcTaglib:category id="323" item="vo" field="*"} |
|||
<section class="dengguang-section-6 section-wrap" aria-labelledby="dengguang-section-6-title"> |
|||
<div class="dengguang-section-6__inner"> |
|||
<header class="section__header"> |
|||
<p class="section__title__red">{$vo.sub_title}</p> |
|||
<h2 class="section__title">{$vo.title}</h2> |
|||
</header> |
|||
<section class="section__desc"> |
|||
<p> |
|||
{$vo.description} |
|||
</p> |
|||
</section> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- dengguang-section-3 --> |
|||
{hcTaglib:category id="306" item="vo" field="*"} |
|||
<section class="dengguang-section-3" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="dengguang-section-3__inner"> |
|||
<h3 class="dengguang-section-3__title">{$vo.title}</h3> |
|||
<p class="dengguang-section-3__sub">{$vo.sub_title}</p> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- 产品样式 多种类产品供你选 START--> |
|||
<section class="dengguang-section-4 section-wrap" aria-labelledby="dengguang-section-4-title" data-header-dark> |
|||
<div class="dengguang-section-4__inner"> |
|||
|
|||
<header class="section__header"> |
|||
{hcTaglib:category id="307" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="s-tabs-vertical__wrap"> |
|||
<ul class="dengguang-section-4__tabs s-tabs-vertical" role="tablist" aria-label="产品类型"> |
|||
{hcTaglib:subcategory pid="307" name="hc_content" item="vo" sort="sort asc"} |
|||
<li class="dengguang-section-4__tab s-tab-item s-tab-item {if $key==1}active{/if}" data-bs-toggle="tab" |
|||
data-bs-target="#panel-{$key-1}" role="tab"> |
|||
{$vo.title} |
|||
</li> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</ul> |
|||
<div class="dengguang-section-4__panels tab-content"> |
|||
{hcTaglib:subcategory pid="307" name="hc_content" item="vo" sort="sort asc" key="key11"} |
|||
{php} |
|||
$allData = []; |
|||
{/php} |
|||
<div class="dengguang-section-4__panel tab-pane fade {if $key11==1}show active{/if}" id="panel-{$key11-1}" role="tabpanel"> |
|||
<ul class="panel-tabs" role="tablist" aria-label="产品类型"> |
|||
<li class="panel-tab active" data-bs-toggle="tab" data-bs-target="#panel-{$key11-1}-all" |
|||
role="tab"> |
|||
全部 |
|||
</li> |
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="50" item="vo22" sort="sort asc" key="key22"} |
|||
{php} |
|||
$oneData = $vo22->toArray(); |
|||
$picArr = $oneData['main_content']['atlas'] ?? []; |
|||
// 当前分类的全部数据 |
|||
foreach($picArr as $one){ |
|||
$allData[] = $one; |
|||
} |
|||
{/php} |
|||
<li class="panel-tab" data-bs-toggle="tab" data-bs-target="#panel-{$key11-1}-{$key22-1}" role="tab"> |
|||
{$vo22.title} |
|||
</li> |
|||
{/hcTaglib:contentPage2} |
|||
<!-- <li class="panel-tab" data-bs-toggle="tab" data-bs-target="#panel-0-1" role="tab"> --> |
|||
<!-- 吸顶灯 --> |
|||
<!-- </li> --> |
|||
<!-- <li class="panel-tab" data-bs-toggle="tab" data-bs-target="#panel-0-2" role="tab"> --> |
|||
<!-- 轨射灯 --> |
|||
<!-- </li> --> |
|||
</ul> |
|||
|
|||
<div class="panel-content tab-content"> |
|||
<div class="panel-item tab-pane fade show active" id="panel-{$key11-1}-all" role="tabpanel"> |
|||
<ul class="dengguang-section-4__grid"> |
|||
|
|||
{volist name="allData" id="oneTmp" key="key"} |
|||
<li class="dengguang-section-4__card"> |
|||
<figure class="dengguang-section-4__card-img"><img |
|||
src="{$oneTmp.url|default=''}" alt=""> |
|||
</figure> |
|||
<span class="dengguang-section-4__name">{$oneTmp.description|default=''}</span> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
|
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="50" item="vo22" sort="sort asc" key="key22"} |
|||
{php} |
|||
$oneData = $vo22->toArray(); |
|||
$picArr = $oneData['main_content']['atlas'] ?? []; |
|||
{/php} |
|||
<div class="panel-item tab-pane fade" id="panel-{$key11-1}-{$key22-1}" role="tabpanel"> |
|||
<ul class="dengguang-section-4__grid"> |
|||
{volist name="picArr" id="oneTmp" key="key"} |
|||
<li class="dengguang-section-4__card"> |
|||
<figure class="dengguang-section-4__card-img"><img |
|||
src="{$oneTmp.url|default=''}" alt=""> |
|||
</figure> |
|||
<span class="dengguang-section-4__name">{$oneTmp.description|default=''}</span> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- 产品样式 多种类产品供你选 END--> |
|||
|
|||
<!-- 经典案例 经典企业合作案例 --> |
|||
<section class="dengguang-section-5 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
<header class="section__header align-items-center"> |
|||
{hcTaglib:category id="308" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="swiper__wrap swiper__wrap2 justify-content-center"> |
|||
<div class="swiper dengguangSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="308" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}" |
|||
class="s-card__img"> |
|||
<h3 class="s-card__title">{$vo.title}</h3> |
|||
<p class="s-card__desc">{$vo.description}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button data-3-prev type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button data-3-next type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
</div> |
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="/product-smart-home/index.html">智能家居系统</a> |
|||
<a href="/yimei/index.html">智慧医养解决方案</a> |
|||
<a href="/jiudian/index.html">酒店客房控制系统</a> |
|||
<a href="/dengguang/index.html">智能灯控系统</a> |
|||
<a href="/kongtiao/index.html">中央空调系统</a> |
|||
<a href="/green-energy/index.html">绿色能源解决方案</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="https://unpkg.com/counterup2@2.0.2/dist/index.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,35 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/xinwen.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="xiangqingBlock"> |
|||
<div class="w1400"> |
|||
<div class="tit">{$hc_content.title}</div> |
|||
<div class="time"><img src="/themes/static/images/xiangqingBlockIco.png" alt="">{:date('Y.m.d', strtotime($hc_content['publish_time']))}</div> |
|||
<div class="content"> |
|||
{$hc_content.content|raw} |
|||
</div> |
|||
<div class="page"> |
|||
<div class="left"> |
|||
<p>{hcTaglib:preContent /}</p> |
|||
<p>{hcTaglib:nextContent /}</p> |
|||
</div> |
|||
<a href="/news.html" class="btn">返回列表</a> |
|||
<!-- {hcTaglib:backList cid="1" /} --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,163 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh-CN"> |
|||
|
|||
{php}$download_keywords = input('keywords', '');{/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/download.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/download.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<main class="main-download" data-header-dark data-nav="服务支持"> |
|||
<div class="d-page section__wrap"> |
|||
<div class="d-head"> |
|||
<h1 class="d-head__title">{$current_cate.title}</h1> |
|||
<p class="d-head__desc">{$current_cate.description}</p> |
|||
</div> |
|||
<div class="d-toolbar"> |
|||
<div class="d-tabs" role="tablist" aria-label="资料分类"> |
|||
{php} |
|||
$download_cid = (string)input('cid', ''); |
|||
$download_all_id = (string)($current_cate['id'] ?? ''); |
|||
if ($download_cid === '') { |
|||
$download_cid = $download_all_id; |
|||
} |
|||
$download_keywords = (string)input('keywords', ''); |
|||
{/php} |
|||
<button type="button" class="d-tabs__item{if $download_cid == $download_all_id} is-active{/if}" role="tab" data-tab="{$current_cate.id}" aria-selected="{if $download_cid == $download_all_id}true{else /}false{/if}">全部</button> |
|||
{volist name="sub_cates" id="vo"} |
|||
{php} |
|||
$count = getCategoryChildrenCount($vo['id']); |
|||
$vo_id = (string)($vo['id'] ?? ''); |
|||
$group_active = false; |
|||
$group_label = $vo['title'] ?? ''; |
|||
if ($count > 0) { |
|||
$group_children = (new \app\model\Category())->where('parent_id', $vo['id'])->field('id,title')->select()->toArray(); |
|||
foreach ($group_children as $gc) { |
|||
if ((string)($gc['id'] ?? '') === $download_cid) { |
|||
$group_active = true; |
|||
$group_label = $gc['title'] ?? $group_label; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
{/php} |
|||
{if $count > 0} |
|||
<div class="d-tabs__group"> |
|||
<button type="button" class="d-tabs__item{if $group_active} is-active{/if}" role="tab" aria-selected="{if $group_active}true{else /}false{/if}" aria-expanded="false" data-dropdown-trigger data-tab="{$vo.id}"> |
|||
<span>{$group_label}</span> |
|||
<svg class="d-tabs__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true"> |
|||
<path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" /> |
|||
</svg> |
|||
</button> |
|||
<div class="d-tabs__dropdown" data-dropdown hidden> |
|||
{hcTaglib:subcategory pid="$vo.id" item="child" sort=""} |
|||
<button type="button" class="d-tabs__dropdown-item{if $download_cid == $child['id']} is-active{/if}" data-tab="{$child.id}">{$child.title}</button> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
{else} |
|||
<button type="button" class="d-tabs__item{if $download_cid == $vo_id} is-active{/if}" role="tab" aria-selected="{if $download_cid == $vo_id}true{else /}false{/if}" data-tab="{$vo.id}">{$vo.title}</button> |
|||
{/if} |
|||
{/volist} |
|||
</div> |
|||
<form class="s-search" role="search" data-tab-search> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="keywords" value="{$download_keywords}" placeholder="请输入您想下载的文件" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">搜索</button> |
|||
</form> |
|||
</div> |
|||
<div class="d-list"> |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="12" item="vo" sort="sort desc"} |
|||
{php}$dl_file = $vo['url'] ?? ($vo['thumbnail']['url'] ?? '');{/php} |
|||
<div class="d-item"> |
|||
<a class="d-item__main" href="{$dl_file}" target="_blank" rel="noopener" title="预览"> |
|||
<img class="d-item__pdf" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2032%2032'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='32.000000'%20height='32.000000'%20fill='none'%3e%3crect%20id='PDF%201'%20width='32.000000'%20height='32.000000'%20x='0.000000'%20y='0.000000'%20/%3e%3cpath%20id='矢量%20508'%20d='M28.1766%2028.9602C28.1766%2029.3602%2028.0164%2029.7441%2027.7285%2030.032C27.4402%2030.3199%2027.0566%2030.4801%2026.6562%2030.4801L5.32852%2030.4801C4.92852%2030.4801%204.52852%2030.3199%204.25664%2030.032C3.96875%2029.7437%203.80859%2029.3602%203.80859%2028.9602L3.80859%201.51992C3.80859%201.11992%203.96836%200.719922%204.25664%200.448047C4.52852%200.160156%204.92891%200%205.32852%200L18.4168%200C18.8168%200%2019.2168%200.160156%2019.5047%200.448047L27.7445%208.68828C28.0324%208.97617%2028.1926%209.36016%2028.1926%209.77617L28.1926%2028.9602L28.1766%2028.9602Z'%20fill='rgb(235,236,240)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20509'%20d='M28.1766%2028.96L28.1766%2030.4799C28.1766%2030.8799%2028.0164%2031.2799%2027.7285%2031.5518C27.4402%2031.84%2027.0566%2031.9998%2026.6562%2031.9998L5.32852%2031.9998C4.48047%2031.9998%203.80859%2031.3119%203.80859%2030.4799L3.80859%2028.96C3.80859%2029.36%203.96836%2029.7439%204.25664%2030.0318C4.54453%2030.3197%204.92852%2030.4799%205.32852%2030.4799L26.6566%2030.4799C27.5047%2030.4799%2028.1766%2029.792%2028.1766%2028.96L28.1766%2028.96Z'%20fill='rgb(193,199,208)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20510'%20d='M3.80781%2016.7682L3.80781%2013.7119L0.751953%2016.7682L3.80781%2016.7682ZM28.1758%2016.7682L28.2078%2013.7119L31.2477%2016.7682L28.1758%2016.7682L28.1758%2016.7682Z'%20fill='rgb(211,0,0)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20511'%20d='M28.1762%209.77617L28.1762%209.98398L19.9359%209.98398C19.0879%209.98398%2018.416%209.29609%2018.416%208.46406L18.416%200C18.816%200%2019.216%200.160156%2019.5039%200.448047L27.7602%208.68828C28.032%208.97617%2028.1922%209.36016%2028.1762%209.77617Z'%20fill='rgb(193,199,208)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20512'%20d='M15.7164%2019.0972L14.4629%2019.0972L14.4629%2023.5655L15.6941%2023.5655C17.0926%2023.5655%2017.8484%2022.7776%2017.8484%2021.2577C17.8484%2019.9351%2017.157%2019.1147%2015.7164%2019.0972ZM8.59219%2019.0995L6.79883%2019.0995L6.79883%2020.9983L8.59219%2020.9983C9.32695%2020.9983%209.79141%2020.7464%209.79141%2020.0362C9.79141%2019.4573%209.43555%2019.0995%208.59219%2019.0995L8.59219%2019.0995Z'%20fill='rgb(255,29,29)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20513'%20d='M0.767578%2016.7681L0.767578%2024.3681C0.767578%2024.7841%200.927344%2025.1681%201.21562%2025.456C1.4875%2025.7442%201.8875%2025.904%202.2875%2025.904L29.7117%2025.904C30.5438%2025.904%2031.2316%2025.2321%2031.2316%2024.3841L31.2316%2016.7681L0.767578%2016.7681ZM8.72617%2022.3454L6.79844%2022.3454L6.79844%2024.9103L5.05469%2024.9103L5.05469%2017.7618L8.75352%2017.7618C10.4156%2017.7618%2011.5207%2018.6021%2011.5207%2020.0087C11.5207%2021.4153%2010.4797%2022.3454%208.72617%2022.3454L8.72617%2022.3454ZM15.9223%2024.9103L12.7277%2024.9103L12.7277%2017.7618L15.959%2017.7618C18.3676%2017.7618%2019.6855%2019.3251%2019.6855%2021.211C19.6855%2023.4993%2018.0027%2024.9103%2015.9223%2024.9103ZM26.9953%2019.1419L22.8473%2019.1419L22.8473%2020.7677L26.7164%2020.7677L26.7164%2022.1579L22.8473%2022.1579L22.8473%2024.9099L21.1125%2024.9099L21.1125%2017.7614L26.9953%2017.7614L26.9953%2019.1415L26.9953%2019.1419Z'%20fill='rgb(239,67,53)'%20fill-rule='nonzero'%20/%3e%3cpath%20id='矢量%20514'%20d='M8.75313%2017.7617L5.05469%2017.7617L5.05469%2024.9102L6.79844%2024.9102L6.79844%2022.3453L8.72617%2022.3453C10.4797%2022.3453%2011.5207%2021.4703%2011.5207%2020.0086C11.5207%2018.5469%2010.4156%2017.7617%208.75352%2017.7617L8.75313%2017.7617ZM8.59141%2020.9984L6.79805%2020.9984L6.79805%2019.0996L8.59141%2019.0996C9.43477%2019.0996%209.79063%2019.4574%209.79063%2020.0363C9.79063%2020.7461%209.32578%2020.9984%208.59141%2020.9984L8.59141%2020.9984ZM15.959%2017.7617L12.7277%2017.7617L12.7277%2024.9102L15.9223%2024.9102C18.0027%2024.9102%2019.6855%2023.4992%2019.6855%2021.2109C19.6855%2019.325%2018.368%2017.7617%2015.959%2017.7617ZM15.6934%2023.5656L14.4621%2023.5656L14.4621%2019.0973L15.7156%2019.0973C17.1559%2019.1152%2017.8477%2019.9355%2017.8477%2021.2578C17.8477%2022.7777%2017.0918%2023.5656%2015.6934%2023.5656ZM21.1125%2024.9102L22.8473%2024.9102L22.8473%2022.1582L26.7164%2022.1582L26.7164%2020.768L22.8473%2020.768L22.8473%2019.1422L26.9953%2019.1422L26.9953%2017.7617L21.1125%2017.7617L21.1125%2024.9102Z'%20fill='rgb(255,255,255)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" alt="" width="32" height="32" /> |
|||
<span class="d-item__name">{$vo.title}</span> |
|||
</a> |
|||
<a class="d-item__action" href="{$dl_file}" download="{$vo.title}"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='容器%20520'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cg%20id='download--02'%3e%3cpath%20id='矢量%20486'%20d='M16.6667%209.33301L22%209.33301L22%2021.9997L2%2021.9997L2%209.33301L7.33333%209.33301'%20fill-rule='nonzero'%20stroke='rgb(46,53,58)'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='矢量%20487'%20d='M16%2014L12%2018L8%2014M12%202L12%2018'%20fill-rule='nonzero'%20stroke='rgb(239,67,53)'%20stroke-width='1.500000'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<span>立即下载</span> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
</div> |
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = '暂无相关资料'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,135 @@ |
|||
<!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/faq.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/faq.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-faq" data-header-dark data-nav="服务支持"> |
|||
<div class="f-page section__wrap"> |
|||
<div class="f-head"> |
|||
<h1 class="f-head__title">{$current_cate.title}</h1> |
|||
<p class="f-head__desc">{$current_cate.description}</p> |
|||
</div> |
|||
|
|||
<div class="f-toolbar"> |
|||
{php} |
|||
$filter_cid = (string)input('cid', ''); |
|||
$filter_all_id = (string)($current_cate['id'] ?? ''); |
|||
if ($filter_cid === '') { |
|||
$filter_cid = $filter_all_id; |
|||
} |
|||
$filter_keywords = (string)input('keywords', ''); |
|||
{/php} |
|||
<div class="f-tabs" role="tablist" aria-label="问题分类"> |
|||
<button type="button" class="f-tabs__item{if $filter_cid == $filter_all_id} is-active{/if}" role="tab" data-tab="{$current_cate.id}" aria-selected="{if $filter_cid == $filter_all_id}true{else /}false{/if}">全部</button> |
|||
{volist name="sub_cates" id="vo"} |
|||
{php}$vo_id = (string)($vo['id'] ?? '');{/php} |
|||
<button type="button" class="f-tabs__item{if $filter_cid == $vo_id} is-active{/if}" role="tab" data-tab="{$vo.id}" aria-selected="{if $filter_cid == $vo_id}true{else /}false{/if}">{$vo.title}</button> |
|||
{/volist} |
|||
</div> |
|||
<form class="s-search" role="search" data-tab-search> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="keywords" value="{$filter_keywords}" placeholder="请输入您想搜索问题的关键词" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">搜索</button> |
|||
</form> |
|||
</div> |
|||
|
|||
<div class="f-list"> |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="10" item="vo"} |
|||
<div class="f-item"> |
|||
<button type="button" class="f-item__trigger" aria-expanded="true"> |
|||
<span class="f-item__q"> |
|||
<span class="f-item__dot" aria-hidden="true"></span> |
|||
<span class="f-item__title">{$vo.title}</span> |
|||
</span> |
|||
<span class="f-item__icon" aria-hidden="true"></span> |
|||
</button> |
|||
<div class="f-item__panel"> |
|||
<p class="f-item__a"> |
|||
{$vo.content|strip_tags} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = '暂无相关问题'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
</div> |
|||
</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> |
|||
@ -1,296 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>绿色能源 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/greenEnergy.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/greenEnergy.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
{hcTaglib:category id="283" item="vo" field="*"} |
|||
<section class="section__banner green-energy" aria-label="{$vo.title}" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<section class="ge-about section-wrap" aria-labelledby="ge-about-title" data-header-dark> |
|||
{hcTaglib:category id="284" item="vo" field="*"} |
|||
<div class="ge-about__inner"> |
|||
<div class="ge-about__top"> |
|||
<div class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
</div> |
|||
<div class="ge-about__desc"> |
|||
<p class="section__desc">{$vo.description|nl2br|raw}</p> |
|||
</div> |
|||
</div> |
|||
<div class="ge-about__bottom"> |
|||
<figure class="ge-about__fig"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="光伏电站场景" class="w-100 h-100"> |
|||
</figure> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</section> |
|||
|
|||
<div class="ge-line"></div> |
|||
<section class="ge-storage" aria-labelledby="ge-storage-title" data-header-dark> |
|||
{hcTaglib:category id="285" item="vo" field="*"} |
|||
<div class="ge-storage__inner"> |
|||
<figure class="ge-storage__media"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</figure> |
|||
<div class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="ge-storage-title" class="section__title">{$vo.sub_title}</h2> |
|||
<p class="section__desc">{$vo.description|nl2br|raw}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</section> |
|||
|
|||
<!-- <section class="ge-h2sys" aria-labelledby="ge-h2sys-title" data-header-dark> |
|||
{hcTaglib:category id="286" item="vo" field="*"} |
|||
<div class="ge-h2sys__inner"> |
|||
<div class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="ge-h2sys-title" class="section__title">{$vo.sub_title}</h2> |
|||
<p class="section__desc"> |
|||
{$vo.description} |
|||
</p> |
|||
</div> |
|||
<figure class="ge-h2sys__media"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="制氢系统工艺示意"> |
|||
</figure> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</section> --> |
|||
|
|||
<!-- 变频器行业方案 --> |
|||
{hcTaglib:category id="324" item="vo" field="*"} |
|||
<section class="ge-section-3" aria-labelledby="ge-storage-title" data-header-dark style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="ge-section-3__inner"> |
|||
<header class="section__header align-items-center"> |
|||
<h2 class="section__title">{$vo.title}</h2> |
|||
</header> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<section class="ge-section-4" aria-labelledby="ge-section-4-title" data-header-dark> |
|||
<div class="ge-section-4__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="287" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="ge-section-4-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="ge-section-4__body"> |
|||
<ul class="ge-section-4__tabs s-tabs-vertical" role="tablist" aria-label="产品类型"> |
|||
{hcTaglib:contentPage2 cid="287" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<li class="ge-section-4__tab s-tab-item s-tab-item {if $key==1}active{/if}" data-bs-toggle="tab" data-bs-target="#panel-{$key-1}" |
|||
role="tab"> |
|||
{$vo.title} |
|||
</li> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</ul> |
|||
|
|||
<div class="ge-section-4__panels tab-content"> |
|||
|
|||
{hcTaglib:contentPage2 cid="287" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<!-- 处理图集 --> |
|||
{php} |
|||
$imgArr = $vo['main_content']['atlas']??[]; |
|||
$imgArr2 = []; |
|||
if(!empty($imgArr)){ |
|||
foreach($imgArr as $one) { |
|||
$tmpOne['description'] = $one['description'] ?? ''; |
|||
$tmpOne['img_url'] = deal_image_url($one['url'] ?? ''); |
|||
$imgArr2[] = $tmpOne; |
|||
} |
|||
} |
|||
$groupedImages = array_chunk($imgArr2, 6); |
|||
{/php} |
|||
<div class="ge-section-4__panel tab-pane fade {if $key==1}show active{/if}" id="panel-{$key-1}" role="tabpanel"> |
|||
<h3 class="ge-section-4__panel-title">{$vo.title}</h3> |
|||
<div class="ge-section-4__swiper"> |
|||
|
|||
<ul class="ge-section-4__grid"> |
|||
{volist name="imgArr2" id="oneData" key="key2"} |
|||
<li class="ge-section-4__card"> |
|||
<figure class="ge-section-4__card-img"><img src="{$oneData.img_url}" alt=""></figure> |
|||
<span class="ge-section-4__name">{$oneData.description}</span> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
|
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- ge-section-5：经典案例 — 多卡 Swiper --> |
|||
<!-- 行业案例 绿色能源全域共生 --> |
|||
<section class="ge-section-5" aria-labelledby="ge-section-5-title"> |
|||
<div class="ge-section-5__inner"> |
|||
<header class="section__header align-items-center"> |
|||
{hcTaglib:category id="288" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="ge-section-5-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="ge-section-5__slider"> |
|||
<button type="button" class="ge-section-5__nav-btn slide-btn prev" aria-label="上一案例"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
|
|||
<div class="ge-section-5__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="288" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="ge-section-5__card"> |
|||
<div class="ge-section-5__thumb"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</div> |
|||
<h3 class="ge-section-5__card-title">{$vo.title} </h3> |
|||
<p class="ge-section-5__card-desc">{$vo.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<button type="button" class="ge-section-5__nav-btn slide-btn next" aria-label="下一案例"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="#">智能家居系统</a> |
|||
<a href="#">酒店客控管理系统</a> |
|||
<a href="#">照明与灯控系统</a> |
|||
<a href="#">智慧医养解决方案</a> |
|||
<a href="#">美的中央空调案例</a> |
|||
<a href="#">绿色能源</a> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,288 @@ |
|||
<!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/investment.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/investment.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<main class="main-investment" data-nav="投资者关系"> |
|||
<section class="iv-hero"> |
|||
<div class="iv-hero__title section__wrap" data-header-dark> |
|||
<h1> |
|||
<span>{$current_cate.content|raw}</span> |
|||
</h1> |
|||
</div> |
|||
<div class="iv-hero__media" aria-hidden="true"> |
|||
<img src="{$current_cate.thumbnail.url ?? ''}" alt="" width="1920" height="720" /> |
|||
</div> |
|||
</section> |
|||
{php} |
|||
$ui_invest_info = uiId('invest_info'); |
|||
$ui_invest_announce = uiId('invest_announce'); |
|||
$ui_invest_stock = uiId('invest_stock'); |
|||
$ui_invest_learn = uiId('invest_learn'); |
|||
$ui_invest_hotline = uiId('invest_hotline'); |
|||
{/php} |
|||
{hcTaglib:category id="$ui_invest_info" item="vo" field="*"} |
|||
{php} |
|||
$descStr = $vo['description'] ?? ''; |
|||
$infoList = []; |
|||
$pairs = explode('#', $descStr); |
|||
foreach ($pairs as $pair) { |
|||
$parts = explode(';', $pair, 2); |
|||
if (count($parts) === 2) { |
|||
$infoList[] = ['label' => trim($parts[0]), 'value' => trim($parts[1])]; |
|||
} |
|||
} |
|||
{/php} |
|||
<section class="iv-info section__wrap" id="info" data-header-dark> |
|||
<h2 class="iv-info__title">{$vo.title}</h2> |
|||
<div class="iv-info__grid"> |
|||
{volist name="infoList" id="info" key="k"} |
|||
<div class="iv-info__item{if condition='$k == count($infoList)'} iv-info__item--full{/if}"> |
|||
<span class="iv-info__label">{$info.label}</span> |
|||
<strong class="iv-info__value">{$info.value}</strong> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:category id="$ui_invest_announce" item="vo" field="*"} |
|||
<section class="iv-announce section__wrap" id="announce" data-header-dark> |
|||
<div class="iv-announce__head"> |
|||
<h2 class="iv-announce__title">{$vo.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="iv-announce__swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:contentPage cid="$ui_invest_announce" mainField="*" subField="*" name="hc_content" limit="12" item="vo"} |
|||
<article class="swiper-slide iv-announce__card"> |
|||
<time class="iv-announce__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time> |
|||
<h3 class="iv-announce__name">{$vo.title}</h3> |
|||
<a class="iv-announce__link" href="{$vo.url ?? ''}" target="_blank"> |
|||
<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> |
|||
</a> |
|||
</article> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
</div> |
|||
<div class="iv-announce__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> |
|||
{/hcTaglib:category} |
|||
{hcTaglib:category id="$ui_invest_stock" item="vo" field="*"} |
|||
<section class="iv-stock section__wrap" id="stock" data-header-dark> |
|||
<h2 class="iv-stock__title">{$vo.title}</h2> |
|||
<div class="iv-stock__body"> |
|||
<div class="iv-stock__data"> |
|||
<p class="iv-stock__code">股票代码：{$stockInfo.code}</p> |
|||
<div class="iv-stock__quote" data-stock-quote data-stock-code="603933"> |
|||
<span class="iv-stock__price" id="stock-price" data-stock="price" style="{$priceColor}">{$stockInfo.price}</span> |
|||
<span class="iv-stock__unit" data-stock="unit" style="{$priceColor}">元</span> |
|||
<span class="iv-stock__change" id="stock-change" data-stock="change" style="{$priceColor}">{$stockInfo.change} {$stockInfo.changePercent}</span> |
|||
</div> |
|||
<ul class="iv-stock__metrics"> |
|||
<li> |
|||
<span class="iv-stock__metric-label">最高（元）</span> |
|||
<strong class="iv-stock__metric-value" id="stock-high" data-stock="high">{$stockInfo.high}</strong> |
|||
</li> |
|||
<li> |
|||
<span class="iv-stock__metric-label">最低（元）</span> |
|||
<strong class="iv-stock__metric-value" id="stock-low" data-stock="low">{$stockInfo.low}</strong> |
|||
</li> |
|||
<li> |
|||
<span class="iv-stock__metric-label">成交量（万手）</span> |
|||
<strong class="iv-stock__metric-value" id="stock-volume" data-stock="volume">{$stockInfo.volume}</strong> |
|||
</li> |
|||
<li> |
|||
<span class="iv-stock__metric-label">成交额（万元）</span> |
|||
<strong class="iv-stock__metric-value" id="stock-amount" data-stock="amount">{$stockInfo.amount}</strong> |
|||
</li> |
|||
</ul> |
|||
<p class="iv-stock__note" id="stock-time" data-stock="time">截止 {$stockInfo.updateTime}*报价有十五分钟或以上延迟。</p> |
|||
</div> |
|||
<div class="iv-stock__chart"> |
|||
<img id="stock-chart" data-stock="chart" src="https://image.sinajs.cn/newchart/min/n/sh603933.gif" alt="睿能科技分时走势图" width="720" height="450" /> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_invest_learn" item="vo" field="*"} |
|||
<section class="iv-learn section__wrap" id="learn" data-header-dark> |
|||
<h2 class="iv-learn__title">{$vo.title}</h2> |
|||
<div class="iv-learn__body"> |
|||
<ul class="iv-learn__list"> |
|||
{hcTaglib:contentPage cid="$ui_invest_learn" mainField="*" subField="*" name="hc_content" limit="12" item="vo"} |
|||
<a class="iv-learn__item" href="{$vo.url ?? ''}" target="_blank"> |
|||
<time class="iv-learn__date" datetime="{$vo.publish_time|date='Y-m-d'}">{$vo.publish_time|date='Y-m-d'}</time> |
|||
<h3 class="iv-learn__name">{$vo.title}</h3> |
|||
<span class="iv-learn__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> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
<button type="button" class="iv-learn__more" aria-label="展开更多"> |
|||
<span class="iv-learn__more-icon iv-learn__more-icon--up" aria-hidden="true"> |
|||
<svg viewBox="0 0 11.2734 6.90918" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.273438" height="6.909180" fill="none"> |
|||
<path id="矢量 2" d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" stroke="currentColor" stroke-width="1.800000" /> |
|||
</svg> |
|||
|
|||
</span> |
|||
<span class="iv-learn__more-icon iv-learn__more-icon--down" aria-hidden="true"> |
|||
<svg viewBox="0 0 11.2734 6.90918" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="11.273438" height="6.909180" fill="none"> |
|||
<path id="矢量 2" d="M0.636719 0.636272L5.63672 5.63627L10.6368 0.63623" stroke="currentColor" stroke-width="1.800000" /> |
|||
</svg> |
|||
|
|||
</span> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:category id="$ui_invest_hotline" item="vo" field="*"} |
|||
<section class="iv-hotline" id="hotline"> |
|||
<div class="iv-hotline__bg" aria-hidden="true"> |
|||
<img src="{$vo.thumbnail.url ?? ''}" alt="" width="1920" height="800" /> |
|||
</div> |
|||
<div class="iv-hotline__inner section__wrap"> |
|||
<h2 class="iv-hotline__title">{$vo.title}</h2> |
|||
<ul class="iv-hotline__list"> |
|||
<li class="iv-hotline__item"> |
|||
<div class="iv-hotline__row"> |
|||
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='location'%3e%3cpath%20id='Vector'%20d='M11.9989%2013.4299C10.2758%2013.4299%208.87891%2012.0331%208.87891%2010.3099C8.87891%208.58681%2010.2758%207.18994%2011.9989%207.18994C13.722%207.18994%2015.1189%208.58681%2015.1189%2010.3099C15.1189%2012.0331%2013.722%2013.4299%2011.9989%2013.4299Z'%20stroke='rgb(255,255,255)'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M20.3817%208.5C21.5317%2013.58%2018.3717%2017.88%2015.6017%2020.54C13.5917%2022.48%2010.4117%2022.48%208.39166%2020.54C5.63166%2017.88%202.47166%2013.57%203.62166%208.49C5.59166%20-0.169998%2018.4217%20-0.159997%2020.3817%208.5Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20opacity='0'%20transform='matrix(-1,-1.22465e-16,1.22465e-16,-1,24,24)'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" |
|||
height="24" /> |
|||
<span class="iv-hotline__label">地址</span> |
|||
</div> |
|||
<p class="iv-hotline__value">{hcTaglib:setting name="company_address" type="1" /}</p> |
|||
</li> |
|||
<li class="iv-hotline__item"> |
|||
<div class="iv-hotline__row"> |
|||
<img class="iv-hotline__icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAADg0lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMovjPhXgA28eBzwIeDNwKfI6kXZ4P2x8NvBXw18BvS/oZnhfimWw/GPgt4DhwK/DSwF9LehmeD9sfDbwV8NLAceBW4GMk/TTPhngm20/nireR9Ne23wb4SeCrJX0ML4Tt9wY+C3gw8NmSPocrEIDttwZ+CnhvSd/DM9n+KuCjgdeR9Ns8gO3jwHFJtwLYfjDwVcBbA28j6acBBGD7q4H3knSCB7B9HPgrrngZSbs8k+2fAt4a+GvgbSTdavs48FcAkh4CIADbvwUg6XV4LrZfG/gt4LMlfQ7PZPvBwGsDn8UVryPpVtuvDfwW8DqSflsAtr8beC1JD+H5sH0R+G5JH8Nzsf1g4K+Av5b0OgC2LwLfLeljBGD7s4HPAk5I2uUBbH8X8N7A60j6bZ4P2x8NfBVwQtKu7b8CbpX0NgKw/WDg6cBHS/oansn2ewPfBXy2pM/hBbB9HPgu4GMk3Wr7owEkfbV4Jtu/BTxY0kN4JtvvDXwX8NGSvoZ/PcQz2X5t4LeAj5b0NTyT7d8CXhp4HUl/zb8O4gFs/xTw2sDLSLoVwPaDgd/iiteRdCsvOsQD2H4w8FfALvAyknYBbD8Y+C2ueBtJfw1g+7WBjwL+GvgeSbfynBDPxfZLA38F/Lak1+GZbD8Y+C3gOPDZwHHgs4FbgQcDtwLvI+m3eTbE82H7vYHvAr5a0sfwTLYfDHwX8Npc8dmSPsf2g4HfAh4MfLakz+EKxAtg+7OBzwK+WtLH8AC23xu4VdJv8wC2vwr4aOCvgdeRtCteCNufDXwW8NfA20i6lX+B7fcGvgr4bkkfI/4Ftj8a+CrgVuB1JN3Kv8D204HflvQ+4kVg+6WBnwIeDHw18DWSbuX5sP1g4OnAe0v6HvEisv1g4LOA9wZuBT4b+B1Jt/JMtt8b+CpgV9JDAMS/ku3XBj4LeG2u+GuueDBwHLgVeB1JtwKIfyPbDwbeGngtrngG8NuSfppnQ/zn4h8BWVcuKBEKB/4AAAAASUVORK5CYII=" alt="" width="24" |
|||
height="24" /> |
|||
<span class="iv-hotline__label">{$vo.title}</span> |
|||
</div> |
|||
<p class="iv-hotline__value"> |
|||
<a href="">{$vo.description}</a> |
|||
</p> |
|||
</li> |
|||
<li class="iv-hotline__item"> |
|||
<div class="iv-hotline__row"> |
|||
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='printer'%3e%3cpath%20id='Vector'%20d='M16.75%207L16.75%205C16.75%203%2016%202%2013.75%202L10.25%202C8%202%207.25%203%207.25%205L7.25%207L16.75%207Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M16%2019C16%2021%2015%2022%2013%2022L11%2022C9%2022%208%2021%208%2019L8%2015L16%2015L16%2019Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M21%2015C21%2017%2020%2018%2018%2018L16%2018L16%2015L8%2015L8%2018L6%2018C4%2018%203%2017%203%2015L3%2010C3%208%204%207%206%207L18%207C20%207%2021%208%2021%2010L21%2015Z'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%2015L15.79%2015L7%2015'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M7%2011L10%2011'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<span class="iv-hotline__label">传真</span> |
|||
</div> |
|||
<p class="iv-hotline__value">{$vo.desc}</p> |
|||
</li> |
|||
<li class="iv-hotline__item"> |
|||
<div class="iv-hotline__row"> |
|||
<img class="iv-hotline__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%20customFrame='%23000000'%3e%3cg%20id='sms-tracking'%3e%3cpath%20id='Vector'%20d='M2%208.5C2%205%204%203.5%207%203.5L17%203.5C20%203.5%2022%205%2022%208.5L22%2015.5C22%2019%2020%2020.5%2017%2020.5L7%2020.5'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M17%209L13.87%2011.5C12.84%2012.32%2011.15%2012.32%2010.12%2011.5L7%209'%20fill-rule='nonzero'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M2%2016.5L8%2016.5'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M2%2012.5L5%2012.5'%20stroke='rgb(255,255,255)'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.500000'%20/%3e%3cpath%20id='Vector'%20d='M24%200L0%200L0%2024L24%2024L24%200ZM1%2023L1%201L23%201L23%2023L1%2023Z'%20opacity='0'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20/%3e%3c/g%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<span class="iv-hotline__label">邮箱</span> |
|||
</div> |
|||
<p class="iv-hotline__value"> |
|||
<a href="mailto:investor@raynen.cn">{hcTaglib:setting name="company_email" type="1" /}</a> |
|||
</p> |
|||
</li> |
|||
</ul> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
</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> |
|||
@ -1,365 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>酒店客服控制系统 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/jiudian.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/jiudian.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<!-- jiudian-banner --> |
|||
{hcTaglib:category id="289" item="vo" field="*"} |
|||
<section class="section__banner jiudian" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.sub_title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- jiudian-section-1 --> |
|||
<!-- 智慧酒店客房生态系统 基于普杰科技物联网技术 --> |
|||
<section class="jiudian_section_1" aria-labelledby="jiudian_section_1-title" data-header-dark> |
|||
<div class="jiudian_section_1__inner"> |
|||
{hcTaglib:category id="290" item="vo" field="*"} |
|||
<div class="jiudian_section_1__content"> |
|||
<header class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
</header> |
|||
|
|||
<p class="section__desc"> |
|||
{$vo.description|nl2br|raw} |
|||
</p> |
|||
|
|||
<!-- <p class="section__desc"> --> |
|||
<!-- 普杰客控系统将物联网科技应用于酒店客房，打造出灯光场景、色温和色彩全调光、Al语音和手机客控、设备远程控制、服务响应等极具时尚和科技感的体验。并且，与普杰刷脸生态系统、普杰智能照明系统无缝连接，实现客人从入住、居住到退房的一整套智慧且美好的体验旅程。 --> |
|||
<!-- </p> --> |
|||
<!-- <p class="section__desc"> --> |
|||
<!-- 普杰客控系统，从技术路线上分为有线客控系统和无线客控系统两大类。有线客控系统是弱控强方式，系统相对较为复杂，但传输可靠性非常好，一般适用于新建酒店、房量大的酒店和大改造的酒店。无线客控系统又分为纯无线方式和强电无线方式，采用普杰去中心化架构和私有协议，稳定性几乎不输有线方式。普遍适用于存量酒店改造和新建酒店的智能化建设。 --> |
|||
<!-- </p> --> |
|||
</div> |
|||
<div class="jiudian_section_1__media"> |
|||
<img class="jiudian_section_1__img" src="{$vo.thumbnail.url|default=''}" width="620" |
|||
height="388" alt="现代城市楼宇与玻璃幕墙天际线"> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 酒店管理系统 酒店SAAS管理系统 --> |
|||
{hcTaglib:category id="325" item="vo" field="*"} |
|||
<section class="jiudian-section-5 section-wrap" aria-labelledby="jiudian-section-5-title" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="jiudian-section-5__inner"> |
|||
<header class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
</header> |
|||
<section class="section__desc"> |
|||
<p> |
|||
{$vo.description} |
|||
</p> |
|||
</section> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- 智慧客房 全域掌控 全场景智能模式 --> |
|||
<section class="jiudian-section-2" data-header-dark aria-labelledby="jiudian-section-2-title"> |
|||
<div class="jiudian-section-2__inner"> |
|||
<header class="section__header align-items-center"> |
|||
{hcTaglib:category id="291" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="jiudian-section-2__slider"> |
|||
<button type="button" class="jiudian-section-2__nav-btn slide-btn prev" aria-label="上一场景"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<div class="swiper jiudian-section-2__swiper"> |
|||
<div class="swiper-wrapper jiudian-section-2__cards"> |
|||
{hcTaglib:contentPage2 cid="291" mainField="*" subField="*" name="hc_content" limit="30" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="jiudian-section-2__card"> |
|||
<div class="jiudian-section-2__thumb"> |
|||
<img class="jiudian-section-2__img" |
|||
src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</div> |
|||
<h3 class="jiudian-section-2__card-title">{$vo.title}</h3> |
|||
<p class="jiudian-section-2__card-desc"> |
|||
{$vo.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<button type="button" class="jiudian-section-2__nav-btn slide-btn next" aria-label="下一场景"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- jiudian-section-3 --> |
|||
<!-- 十二大客控子系统 全场景联动打造智慧酒店 --> |
|||
<section class="jiudian-section-3" aria-labelledby="jiudian-section-3-title"> |
|||
<div class="jiudian-section-3__inner"> |
|||
<header class="section__header jiudian-section-3__header align-items-center"> |
|||
{hcTaglib:category id="292" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="jiudian-section-3__slider"> |
|||
<div class="swiper jiudian-section-3__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:contentPage2 cid="292" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="jiudian-section-3__item"> |
|||
<div class="jiudian-section-3__icon-wrap glass-card"> |
|||
<img class="jiudian-section-3__icon" |
|||
src="{$vo.thumbnail.url|default=''}" width="48" height="48" |
|||
alt="" decoding="async"> |
|||
</div> |
|||
<h3 class="jiudian-section-3__item-title">{$vo.title}</h3> |
|||
<p class="jiudian-section-3__item-desc"> |
|||
{$vo.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="jiudian-section-3__nav"> |
|||
<button type="button" class="jiudian-section-3__nav-btn prev" aria-label="上一组子系统"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABoUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMong+vuqrvuq1gc/6mI/5mNfh+QNAPJev+qqvem/guwBsv/XHfuzH/gzPCwDxAF/1VV/1WcBnc8Vnf8zHfMzn8PwBIJ7pq77qqz4L+Gyu+OyP+ZiP+RxeMAAE8FVf9VVfBXw0V3wr8CO8cADoq77qq74K+Gj+dQAmfdVXfdVLAz8FPBhA0h/aXvHCAaQAvuqrvurBwG8BDwZuBV7nYz7mY27lBQNAPNNXfdVXPRj4LeDBwK3A63zMx3zMrTx/AIgH+Kqv+qoHAz8FvDRwK/A6H/MxH3MrzwsA8Vy+6qu+6jjwXcBrA6/zMR/zMX/N8wJAvABf9VVf9dof8zEf89s8fwD8I5DxQQxxWyYWAAAAAElFTkSuQmCC" alt="" class="arrow-left" /> |
|||
</button> |
|||
<button type="button" class="jiudian-section-3__nav-btn next" aria-label="下一组子系统"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABnUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghvuqrvuo48FPA53zMx3zMb/NsAIgX4iu+4iveOyK+iyve52M+5mO+mysAEP+Cr/iKr/jsiPgsrvjsj/mYj/kcAADxIviKr/iKz46Iz+KKz/6Yj/mYzwHQV33VV70uLwLb7yzpA7jiqz/mYz7mY/RVX/VV5l8P4Kv1VV/1Vb/Bi0DS3ParcsWtwNuIF8FXfdVXPRj4LeDBwK3A63zMx3zMreJf8FVf9VUPBn4LeDBwK/A6H/MxH3MrgHghvuqrvuqlgZ8CHgz8NfA2H/MxH3MrAIB4Ib7qq77qpYG/An4aeJ+P+ZiP2eUKAMS/4Ku+6qte+2M+5mN+m+cEwD8CePlCJuB2hGMAAAAASUVORK5CYII=" alt="" class="arrow-right" /> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- jiudian-section-4 --> |
|||
<!-- 经典案例 携手知名酒店集团 --> |
|||
|
|||
<section class="jiudian-section-4" data-header-dark aria-labelledby="jiudian-section-4-title"> |
|||
<div class="jiudian-section-4__inner"> |
|||
<header class="jiudian-section-4__header"> |
|||
{hcTaglib:category id="293" item="vo" field="*"} |
|||
<p class="jiudian-section-4__tag">{$vo.title}</p> |
|||
<h2 id="jiudian-section-4-title" class="jiudian-section-4__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="jiudian-section-4__card"> |
|||
<ul class="jiudian-section-4__sidebar s-tabs-vertical" role="tablist" aria-label="酒店类型"> |
|||
{hcTaglib:subcategory pid="293" name="hc_content" item="vo" sort="sort asc"} |
|||
<li class="jiudian-section-4__sidebar-item s-tab-item {if $key==1}active{/if}" data-bs-toggle="tab" data-bs-target="#panel-{$key-1}" |
|||
role="tab">{$vo.title}</li> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</ul> |
|||
|
|||
<div class="jiudian-section-4__content"> |
|||
<div class="jiudian-section-4__panels tab-content"> |
|||
{hcTaglib:subcategory pid="293" name="hc_subcategory" item="vo" sort="sort asc" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
|
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
<div class="jiudian-section-4__panel tab-pane fade {if $key==1}show active{/if}" role="tabpanel" id="panel-{$key-1}" |
|||
aria-labelledby="jiudian-s3-tab-{$key-1}"> |
|||
<div class="jiudian-section-4__main-inner"> |
|||
<div class="swiper jiudian-section-4__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="10" item="vo22" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="jiudian-section-4__slide"> |
|||
<div class="jiudian-section-4__text"> |
|||
<h3 class="jiudian-section-4__brand">{$vo22.title}</h3> |
|||
<p class="jiudian-section-4__brand-en">{$vo22.sub_title} |
|||
</p> |
|||
<p class="jiudian-section-4__lead"> |
|||
{$vo22.description}</p> |
|||
</div> |
|||
<div class="jiudian-section-4__gallery"> |
|||
{php} |
|||
$main_content_arr = $vo22['main_content']['atlas'] ?? []; |
|||
{/php} |
|||
|
|||
{volist name="main_content_arr" id="oneMainContent" key="key"} |
|||
{php} |
|||
$tmpUrl = $oneMainContent['url'] ?? ''; |
|||
$tmp_name = $oneMainContent['description'] ?? ''; |
|||
if (!empty($tmpUrl)) { |
|||
$search = 'storage'; // 去掉图片的域名 |
|||
$pos = strpos($tmpUrl, $search); |
|||
if ($pos !== false && $pos > 3) { |
|||
$tmpUrl = substr($tmpUrl, $pos); |
|||
} |
|||
} |
|||
{/php} |
|||
|
|||
<figure class="jiudian-section-4__figure"> |
|||
<img class="jiudian-section-4__img" |
|||
src="{$tmpUrl}" |
|||
alt="{$tmp_name}"> |
|||
</figure> |
|||
{/volist} |
|||
<!-- <figure class="jiudian-section-4__figure"> --> |
|||
<!-- <img class="jiudian-section-4__img" --> |
|||
<!-- src="themes/static_new/static/assets/section-4-img-2-BsCq7D-t.png" --> |
|||
<!-- alt="酒店宴会厅"> --> |
|||
<!-- </figure> --> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<div class="jiudian-section-4__nav" role="group" aria-label="方案翻页"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
</div> |
|||
</section> |
|||
|
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="#">智能家居系统</a> |
|||
<a href="#">酒店客控管理系统</a> |
|||
<a href="#">照明与灯控系统</a> |
|||
<a href="#">智慧医养解决方案</a> |
|||
<a href="#">美的中央空调案例</a> |
|||
<a href="#">绿色能源</a> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,309 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>中央空调系统 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/kongtiao.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/kongtiao.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
<!-- kt-banner --> |
|||
{hcTaglib:category id="297" item="vo" field="*"} |
|||
<section class="section__banner kt" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- kt-section-1 --> |
|||
<!-- 关于楼宇科技 数智技术，打造建筑全周期服务 --> |
|||
<section class="kt_section_1" aria-labelledby="kt_section_1-title" data-header-dark> |
|||
<div class="kt_section_1__inner"> |
|||
{hcTaglib:category id="298" item="vo" field="*"} |
|||
<div class="kt_section_1__media"> |
|||
<img class="kt_section_1__img" src="{$vo.thumbnail.url|default=''}" width="620" height="388" |
|||
alt="现代城市楼宇与玻璃幕墙天际线"> |
|||
</div> |
|||
<div class="kt_section_1__content"> |
|||
<header class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
</header> |
|||
<p class="section__desc"> |
|||
{$vo.description|nl2br|raw} |
|||
</p> |
|||
<!-- <p class="section__desc"> --> |
|||
<!-- 美的楼宇科技（Midea Building Technologies，简称为「MBT」）成立于 1999 --> |
|||
<!-- 年，业务覆盖暖通、电梯、能源、楼宇控制等，产品包括多联机组、大型冷水机组、单元机、机房空调、扶梯、直梯、货梯等以及楼宇自控软件和建筑弱电集成解决方案。 --> |
|||
<!-- </p> --> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- kt-section-2 --> |
|||
<!-- 智慧生活品牌 多元品牌矩阵 --> |
|||
<section class="kt_section_2" aria-labelledby="kt_section_2-title" data-header-dark> |
|||
<div class="kt_section_2__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="299" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<ul class="kt_section_2__grid"> |
|||
{hcTaglib:contentPage2 cid="299" mainField="*" subField="*" name="hc_content" limit="28" item="vo" sort="sort asc"} |
|||
<li class="kt_section_2__card"> |
|||
<div class="kt_section_2__thumb"> |
|||
<!-- <img src="{$vo.cover.url|default=''}" alt="智慧建筑与楼宇数字化示意"> --> |
|||
<img src="{:deal_image_url($vo.cover.url)}" alt="智慧建筑与楼宇数字化示意"> |
|||
</div> |
|||
<div class="kt_section_2__brand"> |
|||
<!-- <img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> --> |
|||
<img src="{:deal_image_url($vo.thumbnail.url)}" alt="{$vo.title}"> |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</ul> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- kt-section-3 --> |
|||
<!-- 无界多联机 因你无界 如你所见 --> |
|||
{hcTaglib:category id="300" item="vo" field="*"} |
|||
<!-- <section class="kt_section_3" aria-labelledby="kt_section_3-title" data-header-dark style="background-image: url('{$vo.banner.url|default=''}');"> --> |
|||
<section class="kt_section_3" aria-labelledby="kt_section_3-title" data-header-dark style="background-image: url('{:deal_image_url($vo.banner.url)}');"> |
|||
<div class="kt_section_3__inner"> |
|||
<div class="kt_section_3__header"> |
|||
<h2 id="kt_section_3-title" class="kt_section_3__title">{$vo.title}</h2> |
|||
<p class="kt_section_3__subtitle">{$vo.sub_title}</p> |
|||
</div> |
|||
<a class="kt_section_3__btn glass-card" aria-label="向右浏览"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="" class="arrow-right"> |
|||
</a> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- kt-section-4 --> |
|||
<!-- kt-section-5 --> |
|||
<!-- 产品样式 多种类产品供你选 START--> |
|||
<section class="kt-section-4" aria-labelledby="kt-section-4-title" data-header-dark> |
|||
<div class="kt-section-4__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="301" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="kt-section-4__body"> |
|||
<ul class="kt-section-4__tabs s-tabs-vertical" role="tablist" aria-label="{$vo.title}"> |
|||
{hcTaglib:contentPage2 cid="301" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<li role="tab" data-bs-toggle="tab" data-bs-target="#panel-{$key-1}" class="kt-section-4__tab s-tab-item {if $key==1}active{/if}"> |
|||
{$vo.title} |
|||
</li> |
|||
{/hcTaglib:contentPage2} |
|||
</ul> |
|||
|
|||
<div class="kt-section-4__panels tab-content"> |
|||
{hcTaglib:contentPage2 cid="301" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<!-- 处理图集 --> |
|||
{php} |
|||
$imgArr = $vo['main_content']['atlas']??[]; |
|||
$imgArr2 = []; |
|||
if(!empty($imgArr)){ |
|||
foreach($imgArr as $one) { |
|||
$tmpOne['description'] = $one['description'] ?? ''; |
|||
$tmpOne['img_url'] = deal_image_url($one['url'] ?? ''); |
|||
$imgArr2[] = $tmpOne; |
|||
} |
|||
} |
|||
$groupedImages = array_chunk($imgArr2, 6); |
|||
{/php} |
|||
|
|||
<div class="kt-section-4__panel tab-pane fade {if $key==1}show active{/if}" id="panel-{$key-1}" role="tabpanel"> |
|||
<h3 class="kt-section-4__panel-title">{$vo.title}</h3> |
|||
|
|||
<!-- 用这个结构 --> |
|||
<div class="kt-section-4__swiper"> |
|||
<ul class="kt-section-4__grid"> |
|||
{volist name="imgArr2" id="oneData" key="key"} |
|||
<li class="kt-section-4__card"> |
|||
<figure class="kt-section-4__card-img"><img src="{$oneData.img_url}" alt=""></figure> |
|||
<span class="kt-section-4__name">{$oneData.description}</span> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
|
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- 产品样式 多种类产品供你选 END--> |
|||
|
|||
<!-- 经典案例 绿色能源全域共生 START--> |
|||
<!-- kt-section-5：经典案例 — 多卡 Swiper --> |
|||
<section class="kt-section-5" aria-labelledby="kt-section-5-title" data-header-dark> |
|||
<div class="kt-section-5__inner"> |
|||
<header class="section__header align-items-center"> |
|||
{hcTaglib:category id="302" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="kt-section-5__slider"> |
|||
<button type="button" class="kt-section-5__nav-btn slide-btn prev" aria-label="上一案例"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<div class="kt-section-5__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="302" mainField="*" subField="*" name="hc_content" limit="6" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="kt-section-5__card"> |
|||
<div class="kt-section-5__thumb"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</div> |
|||
<h3 class="kt-section-5__card-title">{$vo.title} </h3> |
|||
<p class="kt-section-5__card-desc">{$vo.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<button type="button" class="kt-section-5__nav-btn slide-btn next" aria-label="下一案例"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 经典案例 绿色能源全域共生 END--> |
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="#">智能家居系统</a> |
|||
<a href="#">酒店客控管理系统</a> |
|||
<a href="#">照明与灯控系统</a> |
|||
<a href="#">智慧医养解决方案</a> |
|||
<a href="#">美的中央空调案例</a> |
|||
<a href="#">绿色能源</a> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,157 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/anli.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="anliBlock"> |
|||
<div class="anliTit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>房地产案例</p> |
|||
<div class="tips">宅极慧iHM广泛应用于房地产领域，打造完善的智能家居整体解决方案</div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper anliBlockSwiper" > |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="85" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="left"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
{volist name="$case_top.main_content.atlas" id="vo" } |
|||
<div class="list"> |
|||
<img src="{$vo.url}" alt=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"></div> |
|||
<div class="swiper-button-prev"></div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div thumbsSlider="" class="swiper anliBlockSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="86" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="anliBlock2"> |
|||
<div class="anliTit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>酒店案例</p> |
|||
<div class="tips">宅极慧iHM广泛应用于酒店领域，打造先进酒店客房控制系统</div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div style="--swiper-navigation-color: #fff; --swiper-pagination-color: #fff" class="swiper anliBlockSwiper" > |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="87" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="left"> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
{volist name="$case_top.main_content.atlas" id="vo" } |
|||
<div class="list"> |
|||
<img src="{$vo.url}" alt=""> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"></div> |
|||
<div class="swiper-button-prev"></div> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div thumbsSlider="" class="swiper anliBlockSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="88" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"><img src="{$case_top['thumbnail']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".anliBlock .anliBlockSwiper2", { |
|||
autoplay: { |
|||
delay: 3000, |
|||
stopOnLastSlide: false, |
|||
disableOnInteraction: false, |
|||
}, |
|||
loop: true, |
|||
spaceBetween: 20, |
|||
slidesPerView: 2, |
|||
watchSlidesProgress: true, |
|||
breakpoints:{ |
|||
996:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: 5, |
|||
}, |
|||
} |
|||
}); |
|||
var swiper2 = new Swiper(".anliBlock .anliBlockSwiper", { |
|||
|
|||
spaceBetween: 10, |
|||
navigation: { |
|||
nextEl: ".anliBlock .swiper-button-next", |
|||
prevEl: ".anliBlock .swiper-button-prev", |
|||
}, |
|||
}); |
|||
var swiper3 = new Swiper(".anliBlock2 .anliBlockSwiper2", { |
|||
autoplay: { |
|||
delay: 3000, |
|||
stopOnLastSlide: false, |
|||
disableOnInteraction: false, |
|||
}, |
|||
loop: true, |
|||
spaceBetween: 20, |
|||
slidesPerView: 2, |
|||
watchSlidesProgress: true, |
|||
breakpoints:{ |
|||
996:{ |
|||
spaceBetween: 20, |
|||
slidesPerView: 5, |
|||
}, |
|||
} |
|||
}); |
|||
var swiper4 = new Swiper(".anliBlock2 .anliBlockSwiper", { |
|||
|
|||
spaceBetween: 10, |
|||
navigation: { |
|||
nextEl: ".anliBlock2 .swiper-button-next", |
|||
prevEl: ".anliBlock2 .swiper-button-prev", |
|||
}, |
|||
}); |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,111 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/xinwen.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<?php |
|||
$page = (int)request() -> param('page'); |
|||
?> |
|||
<!-- 正文 --> |
|||
<div class="xinwenBlock"> |
|||
{if empty($page) || $page<=1 } |
|||
{hcTaglib:content cid="76" moduleId="1" name="news" limit="2" onlyData="1"} |
|||
<div class="w1400 top"> |
|||
{volist name="news" id="vo" length="1" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list first"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt="{$vo.thumbnail.description}"> |
|||
<span></span> |
|||
</div> |
|||
<div class="tit"> |
|||
<span>{$vo.title}</span> |
|||
<div class="tipsFirst">{$vo.description}</div> |
|||
<div class="time">{$vo.publish_time|date="Y-m-d"}</div> |
|||
</div> |
|||
</a> |
|||
{/volist} |
|||
{volist name="news" id="vo" length="1" offset="1" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vo.thumbnail.url|default=''}" alt=""> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vo.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vo.description} |
|||
</div> |
|||
<div class="time">{$vo.publish_time|date="Y-m-d"}</div> |
|||
</div> |
|||
</a> |
|||
{/volist} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
<div class="w1400"> |
|||
{hcTaglib:contentPage cid="76" moduleId="1" name="newsList" limit="8" len="6" offset="2" item="vv" } |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vv.thumbnail.url|default=''}" alt="{$vv.thumbnail.description}"> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vv.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vv.description} |
|||
</div> |
|||
<div class="time">{$vv.publish_time|date='Y-m-d'}</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
<ul class="pagination"> |
|||
<ul class="pagination"> |
|||
{$newsList|raw} |
|||
</ul> |
|||
</ul> |
|||
{else /} |
|||
|
|||
<div class="w1400"> |
|||
{hcTaglib:contentPage cid="76" name="news" item="vv" limit="8"} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vv['id'],'cid'=>$vv['category_id']])}" class="list"> |
|||
<div class="img"> |
|||
<img src="{$vv.thumbnail.url|default=''}" alt="{$vv.thumbnail.description}"> |
|||
</div> |
|||
<div class="text"> |
|||
<div class="tit"> |
|||
{$vv.title} |
|||
</div> |
|||
<div class="line"></div> |
|||
<div class="tips"> |
|||
{$vv.description} |
|||
</div> |
|||
<div class="time">{$vv.publish_time|date='Y-m-d'}</div> |
|||
</div> |
|||
</a> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
|
|||
<ul class="pagination"> |
|||
{$news|raw} |
|||
</ul> |
|||
{/if} |
|||
|
|||
|
|||
|
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,217 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
{php} // TDK设置 ================================= START |
|||
$tdk_title = $hc_content['seo_title'] ?? ''; |
|||
if(empty($tdk_title)){ |
|||
$tdk_title = $hc_content['title'] ?? '搜索结果'; |
|||
} |
|||
$tdk_description = $hc_content['seo_description'] ?? ''; |
|||
if(empty($tdk_description)){ |
|||
$tdk_description = $hc_content['sub_title'] ?? ''; |
|||
} |
|||
$tdk_keywords = $hc_content['seo_keywords'] ?? ''; |
|||
if(empty($tdk_keywords)){ |
|||
$tdk_keywords = $hc_content['sub_title'] ?? ''; |
|||
} |
|||
|
|||
$create_time_str = $hc_content['create_time'] ?? ''; |
|||
$hc_content_tmp_news = $hc_content; |
|||
// dd($hc_content); |
|||
// dd($create_time_int); |
|||
// TDK设置 ================================= END {/php} |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>{$tdk_title}</title> |
|||
<meta name="keywords" content="{$tdk_keywords}" /> |
|||
<meta name="description" content="{$tdk_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/news-detail.js"></script> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js" /> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/news2.js" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/news-detail.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-news-detail" data-header-dark data-nav="新闻动态"> |
|||
<div class="nd-page"> |
|||
<div class="nd-layout"> |
|||
<nav class="nd-breadcrumb" aria-label="面包屑"> |
|||
<a class="nd-breadcrumb__link" href="{:getMuiLangUrl('/')}">首页</a> |
|||
<span class="nd-breadcrumb__sep" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
<!-- 获取父级分类 --> |
|||
{php} |
|||
$parent_cate_url = ''; |
|||
{/php} |
|||
{hcTaglib:category id="$current_cate['parent_id']" item="vo" field="*"} |
|||
<a class="nd-breadcrumb__link" href="{$vo.alias}">{$vo.title}</a> |
|||
{php} |
|||
$parent_cate_url = $vo['alias']; |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
|
|||
{if $current_cate['id'] != uiId('news')} |
|||
<span class="nd-breadcrumb__sep" aria-hidden="true"> |
|||
<svg viewBox="-1 -1 8.59082 13.0605" xmlns="http://www.w3.org/2000/svg" fill="none"> |
|||
<path d="M0 4.12464e-05L5 5.00004L10 0" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" transform="matrix(0,-1,1,0,0.530273,10.5303)" /> |
|||
</svg> |
|||
</span> |
|||
<span class="nd-breadcrumb__current">{$current_cate['title']}</span> |
|||
{/if} |
|||
|
|||
</nav> |
|||
|
|||
<a class="nd-back" href="javascript:history.back();" aria-label="返回上一级"> |
|||
<span class="nd-back__icon" aria-hidden="true"> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2014.0703%2011.3135'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='14.070312'%20height='11.313477'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M6.9994%201.41422L8.41362%200L12.656%204.2424L12.6561%204.2423L14.0703%205.65652L14.0702%205.65662L14.0705%205.65686L12.6563%207.07108L12.656%207.07082L8.41346%2011.3134L6.99924%209.89916L10.3126%206.5858L0%206.5858L0%204.5858L10.171%204.5858L6.9994%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" |
|||
alt="" |
|||
width="14" |
|||
height="11" |
|||
/> |
|||
</span> |
|||
<span class="nd-back__text">Back</span> |
|||
</a> |
|||
|
|||
<article class="nd-article"> |
|||
<header class="nd-article__header"> |
|||
<h1 class="nd-article__title">{$hc_content_tmp_news['title']}</h1> |
|||
<time class="nd-article__date" datetime="{$create_time_str}">{:date('Y-m-d',strtotime($create_time_str)) ?? ''}</time> |
|||
</header> |
|||
|
|||
<div class="nd-richtext"> |
|||
{$hc_content_tmp_news['content']|raw} |
|||
</div> |
|||
|
|||
<nav class="nd-pager" aria-label="上下篇"> |
|||
{php} |
|||
// 与 HcTaglib::tagPreContent / tagNextContent 一致，只查相邻一篇 |
|||
$id = (int)request()->param('id'); |
|||
$cid = (int)request()->param('cid'); |
|||
if ($cid <= 0) { |
|||
$cid = (int)($current_cate['id'] ?? ($hc_content['category_id'] ?? 0)); |
|||
} |
|||
$sellerId = (int)($hc_content['seller_id'] ?? 1); |
|||
$siteId = (int)($current_cate['website_id'] ?? 1); |
|||
$lang = (string)($current_cate['lang'] ?? ($hc_content['lang'] ?? 'zh')); |
|||
$preContent = \app\service\ContentService::getPreContent([ |
|||
'id' => $id, |
|||
'cid' => $cid, |
|||
'seller_id' => $sellerId, |
|||
'website_id' => $siteId, |
|||
'lang' => $lang, |
|||
]); |
|||
$nextContent = \app\service\ContentService::getNextContent([ |
|||
'id' => $id, |
|||
'cid' => $cid, |
|||
'seller_id' => $sellerId, |
|||
'website_id' => $siteId, |
|||
'lang' => $lang, |
|||
]); |
|||
$preId = 0; |
|||
$preTitle = ''; |
|||
$preCid = $cid; |
|||
if (!empty($preContent)) { |
|||
$preId = (int)$preContent['id']; |
|||
$preTitle = $preContent['title']; |
|||
} |
|||
$nextId = 0; |
|||
$nextTitle = ''; |
|||
$nextCid = $cid; |
|||
if (!empty($nextContent)) { |
|||
$nextId = (int)$nextContent['id']; |
|||
$nextTitle = $nextContent['title']; |
|||
} |
|||
{/php} |
|||
{if condition="empty($preId)"} |
|||
<a class="nd-pager__item nd-pager__item--prev" href="javascript:;"> |
|||
<span class="nd-pager__label" title="没有了">上一篇：没有了</span> |
|||
</a> |
|||
{else /} |
|||
<a class="nd-pager__item nd-pager__item--prev" href="{:hcUrl('Detail/index',['id'=>$preId,'cid'=>$preCid])}"> |
|||
<span class="nd-pager__label" title="{$preTitle}">上一篇：{$preTitle}</span> |
|||
</a> |
|||
{/if} |
|||
{if condition="empty($nextId)"} |
|||
<a class="nd-pager__item nd-pager__item--next" href="javascript:;"> |
|||
<span class="nd-pager__label" title="没有了">下一篇：没有了</span> |
|||
</a> |
|||
{else /} |
|||
<a class="nd-pager__item nd-pager__item--next" href="{:hcUrl('Detail/index',['id'=>$nextId,'cid'=>$nextCid])}"> |
|||
<span class="nd-pager__label" title="{$nextTitle}">下一篇：{$nextTitle}</span> |
|||
</a> |
|||
{/if} |
|||
</nav> |
|||
|
|||
</article> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,281 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
{php} |
|||
$current_cate_id = $current_cate['id'] ?? ''; |
|||
// var_dump($current_cate);exit; |
|||
{/php} |
|||
|
|||
<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/news.js"></script> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/common.js" /> |
|||
<link rel="modulepreload" crossorigin href="/themes/dist_static/static/js/news2.js" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/common.css" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/pagination.css" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css" /> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/news.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-news" data-header-dark data-nav="新闻动态"> |
|||
{php}$news_root_id = uiId('news');{/php} |
|||
{hcTaglib:category id="$news_root_id" item="vo" field="id,title,alias"} |
|||
{php} |
|||
$news_cate_info = $vo; |
|||
$news_cate_info_alias = $vo['alias'] ?? ''; |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
<div class="n-page section__wrap"> |
|||
<div class="n-head"> |
|||
<h1 class="n-head__title"> |
|||
<span>了解睿能科技</span> |
|||
<span>新闻动态</span> |
|||
</h1> |
|||
<div class="n-tabs" role="tablist" aria-label="新闻分类"> |
|||
{php} |
|||
$news_active_cat = (string)input('cat', ''); |
|||
if ($news_active_cat === '' || $news_active_cat === 'all') { |
|||
$news_active_cat = (string)($current_cate_id ?: ($news_cate_info['id'] ?? '')); |
|||
} |
|||
$news_all_cat = (string)($news_cate_info['id'] ?? ''); |
|||
$news_video_id = (string)uiId('news_video'); |
|||
$is_news_video = ($news_video_id !== '' && $news_video_id !== '0' && $news_active_cat === $news_video_id); |
|||
{/php} |
|||
<a href="{$news_cate_info_alias}?cat={$news_cate_info['id']}" class="n-tabs__item{if $news_active_cat == $news_all_cat} is-active{/if}" role="tab" aria-selected="{if $news_active_cat == $news_all_cat}true{else /}false{/if}" data-cat="{$news_cate_info['id']}">全部</a> |
|||
{hcTaglib:subcategory pid="$news_cate_info['id']" item="vo" sort=""} |
|||
<a href="{$vo.alias}?cat={$vo['id']}" class="n-tabs__item{if $news_active_cat == $vo['id']} is-active{/if}" role="tab" aria-selected="{if $news_active_cat == $vo['id']}true{else /}false{/if}" data-cat="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
|
|||
{hcTaglib:contentPage2 cid="$current_cate_id" mainField="id,category_id,title,sub_title,thumbnail,content,description,create_time,is_top" subField="" name="hc_featured" limit="100" item="content_sub22" isTop="1"} |
|||
{/hcTaglib:contentPage2} |
|||
{php} |
|||
$news_has_featured = false; |
|||
if (!empty($hc_featured)) { |
|||
if (is_object($hc_featured) && method_exists($hc_featured, 'isEmpty')) { |
|||
$news_has_featured = !$hc_featured->isEmpty(); |
|||
} elseif (is_countable($hc_featured)) { |
|||
$news_has_featured = count($hc_featured) > 0; |
|||
} |
|||
} |
|||
{/php} |
|||
{if $news_has_featured && !$is_news_video} |
|||
<article class="n-featured"> |
|||
<div class="n-featured__swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="hc_featured" id="vo_content"} |
|||
{php} |
|||
$content = $vo_content['content'] ?? ''; // 富文本 |
|||
$description = $vo_content['description'] ?? ''; // 描述 |
|||
$title = $vo_content['title'] ?? ''; // 标题 |
|||
$create_time_str = $vo_content['publish_time'] ?? $vo_content['create_time']; |
|||
{/php} |
|||
<div class="swiper-slide n-featured__slide" data-category="company"> |
|||
<div class="n-featured__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" width="720" height="480" alt="{$vo_content.title}" /> |
|||
</div> |
|||
<div class="n-featured__body"> |
|||
<div class="n-featured__content"> |
|||
<time class="n-featured__date" datetime="{$create_time_str}">{:date('Y-m-d',strtotime($create_time_str)) ?? ''}</time> |
|||
<h2 class="n-featured__title">{$title}</h2> |
|||
<p class="n-featured__desc"> |
|||
{$description|raw} |
|||
</p> |
|||
</div> |
|||
<div class="n-featured__foot"> |
|||
<a class="n-link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<span>探索更多</span> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2016.502%206.66113'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16.501953'%20height='6.661133'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='箭头%202'%20d='M0%202.83057L16%202.83057L16%203.83057L0%203.83057L0%202.83057ZM15.2929%203.33057L12.818%200.855693C12.62%200.657703%2012.62%200.346575%2012.818%200.148586C13.016%20-0.0494041%2013.3271%20-0.0494046%2013.5251%200.148585L16.3536%202.97701C16.5515%203.175%2016.5515%203.48613%2016.3536%203.68412L13.5251%206.51255C13.3271%206.71054%2013.016%206.71054%2012.818%206.51255C12.62%206.31456%2012.62%206.00343%2012.818%205.80544L15.2929%203.33057Z'%20fill='rgb(102,102,102)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" |
|||
alt="" width="16" height="7" /> |
|||
</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="n-featured__nav"> |
|||
<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> |
|||
</article> |
|||
{/if} |
|||
|
|||
<div class="n-grid{if $is_news_video} n-grid--video{/if}"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$current_cate_id" mainField="id,category_id,title,sub_title,thumbnail,cover,content,description,create_time,publish_time,is_top" subField="" name="hc_content" limit="6" item="content_sub22" isTop="222"} |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
{volist name="hc_content" id="vo_content"} |
|||
{php} |
|||
$content = $vo_content['content'] ?? ''; |
|||
$description = $vo_content['description'] ?? ''; |
|||
$create_time_str = $vo_content['publish_time'] ?? $vo_content['create_time']; |
|||
{/php} |
|||
|
|||
{if $is_news_video} |
|||
<button type="button" class="n-v-card" data-video-src="{$vo_content['cover']['url'] ?? ''}"> |
|||
<div class="n-v-card__media"> |
|||
<img class="n-v-card__cover" src="{$vo_content['thumbnail']['url'] ?? ''}" alt="" width="400" height="225" loading="lazy" /> |
|||
{notempty name="description"} |
|||
<span class="n-v-card__duration">{$description}</span> |
|||
{/notempty} |
|||
<span class="n-v-card__play" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2013.5386%2016'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='13.538574'%20height='16.000000'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='多边形%201'%20d='M8.86093%201.45695L15.1085%2012.0297C15.5024%2012.6963%2015.0219%2013.5384%2014.2476%2013.5384L1.75245%2013.5384C0.978149%2013.5384%200.497614%2012.6963%200.891523%2012.0297L7.13907%201.45695C7.52614%200.801924%208.47387%200.801924%208.86093%201.45695Z'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20transform='matrix(0,1,-1,0,13.5386,0)'%20/%3e%3c/svg%3e" alt="" width="14" height="16" /> |
|||
</span> |
|||
</div> |
|||
<h3 class="n-v-card__title">{$vo_content.title}</h3> |
|||
<time class="n-v-card__date" datetime="{$create_time_str}">{$create_time_str|date='Y-m-d'}</time> |
|||
</button> |
|||
{else /} |
|||
{php} |
|||
$is_item_video = ($news_video_id !== '' && $news_video_id !== '0' && (string)($vo_content['category_id'] ?? '') === $news_video_id); |
|||
{/php} |
|||
<article class="n-card{if $is_item_video} n-card--video{/if}" data-category="{if $is_item_video}video{else /}insight{/if}"{if $is_item_video} data-video-src="{$vo_content['cover']['url'] ?? ''}"{/if}> |
|||
<div class="n-card__top"> |
|||
<time class="n-card__date" datetime="{$create_time_str}">{:date('Y-m-d',strtotime($create_time_str)) ?? ''}</time> |
|||
<h3 class="n-card__title">{$vo_content.title}</h3> |
|||
{if !$is_item_video} |
|||
<a class="n-link n-link--sm" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<span>探索更多</span> |
|||
<img |
|||
src="data:image/svg+xml,%3csvg%20viewBox='0%200%2016.502%206.66113'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='16.501953'%20height='6.661133'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='箭头%202'%20d='M0%202.83057L16%202.83057L16%203.83057L0%203.83057L0%202.83057ZM15.2929%203.33057L12.818%200.855693C12.62%200.657703%2012.62%200.346575%2012.818%200.148586C13.016%20-0.0494041%2013.3271%20-0.0494046%2013.5251%200.148585L16.3536%202.97701C16.5515%203.175%2016.5515%203.48613%2016.3536%203.68412L13.5251%206.51255C13.3271%206.71054%2013.016%206.71054%2012.818%206.51255C12.62%206.31456%2012.62%206.00343%2012.818%205.80544L15.2929%203.33057Z'%20fill='rgb(102,102,102)'%20fill-rule='nonzero'%20/%3e%3c/svg%3e" |
|||
alt="" width="16" height="7" /> |
|||
</a> |
|||
{/if} |
|||
</div> |
|||
<div class="n-card__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" alt="" loading="lazy" /> |
|||
{if $is_item_video} |
|||
{notempty name="description"} |
|||
<span class="n-card__duration">{$description}</span> |
|||
{/notempty} |
|||
<span class="n-card__play" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2013.5386%2016'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='13.538574'%20height='16.000000'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='多边形%201'%20d='M8.86093%201.45695L15.1085%2012.0297C15.5024%2012.6963%2015.0219%2013.5384%2014.2476%2013.5384L1.75245%2013.5384C0.978149%2013.5384%200.497614%2012.6963%200.891523%2012.0297L7.13907%201.45695C7.52614%200.801924%208.47387%200.801924%208.86093%201.45695Z'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20transform='matrix(0,1,-1,0,13.5386,0)'%20/%3e%3c/svg%3e" alt="" width="14" height="16" /> |
|||
</span> |
|||
{/if} |
|||
</div> |
|||
</article> |
|||
{/if} |
|||
{/volist} |
|||
|
|||
</div> |
|||
|
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = $is_news_video ? '暂无相关视频' : '暂无相关新闻'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
<!-- 分页 --> |
|||
{$hc_content|raw} |
|||
{/if} |
|||
|
|||
<div class="n-v-modal" id="n-v-modal" hidden> |
|||
<div class="n-v-modal__backdrop" data-n-v-modal-close></div> |
|||
<div class="n-v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="n-v-modal-title"> |
|||
<div class="n-v-modal__head"> |
|||
<h2 class="n-v-modal__title" id="n-v-modal-title">视频播放</h2> |
|||
<button type="button" class="n-v-modal__close" data-n-v-modal-close aria-label="关闭"> |
|||
<img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" /> |
|||
</button> |
|||
</div> |
|||
<div class="n-v-modal__body"> |
|||
<video class="n-v-modal__video" id="n-v-modal-video" controls playsinline></video> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
</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> |
|||
@ -1,462 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>智能家居系统 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/productSmartHome.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/productSmartHome.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
{hcTaglib:category id="257" item="vo" field="*"} |
|||
<section class="psh section__banner" aria-label="智能家居系统主视觉" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<!-- 大图 --> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.description}</h1> |
|||
<p class="section__banner__sub">{$vo.desc}</p> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- psh-section-1 --> |
|||
<section class="psh-section-1" data-header-dark aria-labelledby="psh-section-1-title"> |
|||
<div class="psh-section-1__inner"> |
|||
<div class="section__header"> |
|||
<!-- <p class="section__title__red">智能一机掌控，个性生活由你来定</p> --> |
|||
<!-- <h2 id="psh-section-1-title" class="section__title">满足你对家的美好想象</h2> --> |
|||
{hcTaglib:category id="262" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="psh-section-1-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<div class="psh-section-1__features row d-flex g-0"> |
|||
<!-- 语音控制, 远程控制, 智能控制, 定时预设 START --> |
|||
{hcTaglib:contentPage cid="262" mainField="*" subField="*" name="hc_content" limit="4" item="vo" sort="sort asc"} |
|||
<article class="psh-section-1__feature col-3 d-flex flex-column align-items-center"> |
|||
<h3 class="psh-section-1__feature-title">{$vo.title}</h3> |
|||
<div class="line-dot w-100 d-flex align-items-center"> |
|||
<div class="dot"></div> |
|||
</div> |
|||
<p class="psh-section-1__feature-text">{$vo.description}</p> |
|||
</article> |
|||
{/hcTaglib:contentPage} |
|||
<!-- 语音控制, 远程控制, 智能控制, 定时预设 END --> |
|||
</div> |
|||
|
|||
<div class="psh-section-1__showcase" role="group" aria-label="智能家居子系统展示"> |
|||
<!-- 智能安防系统, 智能灯光系统, 智能电器控制, 智能窗帘控制, 家庭影院 5张折叠图 START--> |
|||
{hcTaglib:contentPage cid="266" mainField="*" subField="*" name="hc_content" limit="5" item="vo" sort="sort asc"} |
|||
<div class="psh-section-1__panel" style="background-image: url('{$vo.cover.url|default=''}');"> |
|||
<div class="psh-section-1__panel-inner"> |
|||
<div class="psh-section-1__icon-wrap glass-card"> |
|||
<img class="psh-section-1__icon" aria-hidden="true" src="{$vo.thumbnail.url|default=''}" |
|||
alt="{$vo.title}"> |
|||
</div> |
|||
<h3 class="psh-section-1__panel-title">{$vo.title}</h3> |
|||
<p class="psh-section-1__panel-desc">{$vo.description}</p> |
|||
</div> |
|||
</div> |
|||
|
|||
{/hcTaglib:contentPage} |
|||
<!-- 智能安防系统, 智能灯光系统, 智能电器控制, 智能窗帘控制, 家庭影院 5张折叠图 END--> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- psh-section-2 --> |
|||
<!-- 智能搭配，适应各种户型 满足你对家的的美好想象 --> |
|||
<section class="psh-section-2" data-header-dark aria-labelledby="psh-section-2-title"> |
|||
<div class="psh-section-2__inner"> |
|||
<!-- 智能搭配，适应各种户型 满足你对家的的美好想象 --> |
|||
<div class="section__header"> |
|||
{hcTaglib:category id="263" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="psh-section-2-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<div class="psh-section-2__tabs" role="tablist" aria-label="户型方案切换"> |
|||
{hcTaglib:subcategory pid="263" name="hc_content" item="vo" sort="sort asc"} |
|||
<button type="button" class="psh-section-2__tab {if $key==1}active{/if}" role="tab" aria-selected="true" id="psh-s2-tab-{$key-1}" |
|||
aria-controls="psh-s2-panel-{$key-1}"> |
|||
<img class="psh-section-2__tab-icon" aria-hidden="true" src="{$vo.thumbnail.url|default=''}" |
|||
alt="{$vo.title}"> |
|||
<span class="psh-section-2__tab-label">{$vo.title}</span> |
|||
</button> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
|
|||
<div class="psh-section-2__panels"> |
|||
{hcTaglib:subcategory pid="263" name="hc_subcategory" item="vo" sort="sort asc" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
|
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
<div class="psh-section-2__panel {if $key==1}active{/if}" role="tabpanel" id="psh-s2-panel-{$key-1}" aria-labelledby="psh-s2-tab-{$key-1}"> |
|||
<div class="swiper psh-section-2__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="3" item="vo22" sort="sort asc"} |
|||
|
|||
<div class="swiper-slide"> |
|||
<div class="psh-section-2__gallery"> |
|||
{php} |
|||
$main_content_arr = $vo22['main_content']['intro_img'] ?? []; |
|||
{/php} |
|||
|
|||
{volist name="main_content_arr" id="oneMainContent" key="key"} |
|||
{php} |
|||
// var_dump($oneMainContent); |
|||
$tmpUrl = $oneMainContent['url'] ?? ''; |
|||
$tmp_name = $oneMainContent['description'] ?? ''; |
|||
if (!empty($tmpUrl)) { |
|||
$search = 'storage'; // 去掉图片的域名 |
|||
$pos = strpos($tmpUrl, $search); |
|||
if ($pos !== false && $pos > 3) { |
|||
$tmpUrl = substr($tmpUrl, $pos); |
|||
} |
|||
} |
|||
{/php} |
|||
|
|||
<figure class="psh-section-2__figure"> |
|||
<img class="psh-section-2__img" src="{$tmpUrl}" alt="{$tmp_name}"> |
|||
</figure> |
|||
{/volist} |
|||
|
|||
</div> |
|||
<div class="psh-section-2__desc"> |
|||
<h3 class="psh-section-2__desc-title">{$vo22.title}</h3> |
|||
<p class="psh-section-2__desc-text">{$vo22.description}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
<div class="psh-section-2__nav" role="group" aria-label="方案翻页"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- psh-section-3 --> |
|||
<!-- 超五星酒店智能系统经验 给你五星级般的智能家居享受 --> |
|||
<section class="psh-section-3" data-header-dark aria-labelledby="psh-section-3-title" style="display: none"> |
|||
<div class="psh-section-3__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="264" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="psh-section-3-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="psh-section-3__card"> |
|||
<ul class="psh-section-3__sidebar" role="tablist" aria-label="酒店类型"> |
|||
{hcTaglib:subcategory pid="264" name="hc_content" item="vo" sort="sort asc"} |
|||
<li class="psh-section-3__sidebar-item {if $key==1}active{/if}" role="tab" aria-selected="true" id="psh-s3-tab-{$key-1}" |
|||
aria-controls="psh-s3-panel-{$key-1}">{$vo.title}</li> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
</ul> |
|||
|
|||
<div class="psh-section-3__content"> |
|||
<div class="psh-section-3__panels"> |
|||
{hcTaglib:subcategory pid="264" name="hc_subcategory" item="vo" sort="sort asc" onlyData="1"} |
|||
{/hcTaglib:subcategory} |
|||
|
|||
{volist name="hc_subcategory" id="vo" key="key"} |
|||
<div class="psh-section-3__panel {if $key==1}active{/if}" role="tabpanel" id="psh-s3-panel-{$key-1}" aria-labelledby="psh-s3-tab-{$key-1}"> |
|||
<div class="psh-section-3__main-inner"> |
|||
<div class="swiper psh-section-3__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$vo.id" mainField="*" subField="*" name="hc_content" limit="3" item="vo22" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="psh-section-3__slide"> |
|||
<div class="psh-section-3__text"> |
|||
<h3 class="psh-section-3__brand">{$vo22.title}</h3> |
|||
<p class="psh-section-3__brand-en">{$vo22.sub_title}</p> |
|||
<p class="psh-section-3__lead"> |
|||
{$vo22.description}</p> |
|||
</div> |
|||
<div class="psh-section-3__gallery"> |
|||
{php} |
|||
$main_content_arr = $vo22['main_content']['intro_img'] ?? []; |
|||
{/php} |
|||
|
|||
{volist name="main_content_arr" id="oneMainContent" key="key"} |
|||
{php} |
|||
// var_dump($oneMainContent); |
|||
$tmpUrl = $oneMainContent['url'] ?? ''; |
|||
$tmp_name = $oneMainContent['description'] ?? ''; |
|||
if (!empty($tmpUrl)) { |
|||
$search = 'storage'; // 去掉图片的域名 |
|||
$pos = strpos($tmpUrl, $search); |
|||
if ($pos !== false && $pos > 3) { |
|||
$tmpUrl = substr($tmpUrl, $pos); |
|||
} |
|||
} |
|||
{/php} |
|||
<figure class="psh-section-3__figure"> |
|||
<img class="psh-section-3__img" src="{$tmpUrl}" |
|||
alt="{$tmp_name}"> |
|||
</figure> |
|||
{/volist} |
|||
|
|||
<!-- <figure class="psh-section-3__figure"> --> |
|||
<!-- <img class="psh-section-3__img" src="themes/static_new/static/assets/section-3-bg-1.png" --> |
|||
<!-- alt="酒店套房与城市景观"> --> |
|||
<!-- </figure> --> |
|||
|
|||
<!-- <figure class="psh-section-3__figure"> --> |
|||
<!-- <img class="psh-section-3__img" src="themes/static_new/static/assets/section-3-bg-2.png" alt="酒店宴会厅"> --> |
|||
<!-- </figure> --> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="psh-section-3__nav" role="group" aria-label="方案翻页"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- psh-section-4：应用场景 — 时间轴 Tab + 每面板独立 Swiper --> |
|||
<!-- 应用场景 让每个家，更智能化 --> |
|||
<section class="psh-section-4" data-header-dark aria-labelledby="psh-section-4-title"> |
|||
<div class="psh-section-4__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="265" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="psh-section-4-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="psh-section-4-slider swiper__wrap"> |
|||
<div class="swiper psh-section-4__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="265" mainField="*" subField="*" name="hc_content" limit="30" item="vo22" sort="sort asc"} |
|||
{php} |
|||
$main_content_file_url = $vo22['main_content']['file']['url'] ?? ''; |
|||
{/php} |
|||
<div class="swiper-slide"> |
|||
<div class="psh-section-4__step-wrap"> |
|||
<img src="{$vo22['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<article class="psh-section-4__card"> |
|||
<div class="psh-section-4__thumb" data-url="{$main_content_file_url}"> |
|||
<img src="data:image/png;base64,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" alt="" class="play-icon"> |
|||
<img class="psh-section-4__img" src="{$vo22['cover']['url']|default=''}" alt="{$vo22.title}"> |
|||
</div> |
|||
<h3 class="psh-section-4__card-title">{$vo22.title}</h3> |
|||
<p class="psh-section-4__card-desc">{$vo22.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 经典案例 经典智能家居案例 --> |
|||
<section class="psh-section-6 section-wrap" data-header-dark> |
|||
<div class="section__innner"> |
|||
|
|||
<header class="section__header align-items-center"> |
|||
{hcTaglib:category id="322" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="swiper__wrap swiper__wrap2 justify-content-center"> |
|||
<div class="swiper pshSwiper2"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="322" mainField="*" subField="*" name="hc_content" limit="30" item="vo22" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="s-card"> |
|||
<img src="{$vo22['thumbnail']['url']|default=''}" alt="" class="s-card__img"> |
|||
<h3 class="s-card__title">{$vo22.title}</h3> |
|||
<p class="s-card__desc"> |
|||
{$vo22.description} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="slide-btn__groups"> |
|||
<button data-3-prev type="button" class="slide-btn prev" aria-label="上一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button data-3-next type="button" class="slide-btn next" aria-label="下一方案"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
<!-- psh-section-5：底部全宽 CTA（夜景屋宇 + 居中文案 + 线框按钮） --> |
|||
{hcTaglib:contentdetail id="2518" name="hc_content"} |
|||
|
|||
<section class="psh-section-5" aria-labelledby="psh-section-5-title" style="background-image: url('{:deal_image_url($hc_content.cover.url)}');"> |
|||
<div class="psh-section-5__inner"> |
|||
<h2 id="psh-section-5-title" class="psh-section-5__title">{$hc_content.title}</h2> |
|||
<p class="psh-section-5__desc">{$hc_content.description}</p> |
|||
<a class="s-btn glass-card" href="/estimate.html"> |
|||
<span>开始估算价格</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="" class="s-btn__arrow"> |
|||
</a> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:contentdetail} |
|||
<div class="videoWindow"> |
|||
<div class="content"> |
|||
<div class="close"><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAlhJREFUWEfNlztoVUEQhr+/MY2IhYiFFj7SJWghiIgogpUPCEhS2NhIwAdio2ChaCHERnxECDY2FoogaFIFQkREA4KI6XwVWkhIIcFCbUZG9oa9N+fcs+dyw2bLc3Z3vp2d+XdGJA4zWw0cAg4A24EtwJqwfAH4ArwHpoAJSb9StlbVJDPbBlwEjgEvgUngLfAZ+BnWrwW2AjuBg8Be4AkwIulTOxulAGbWA1wDTgD3gFFJ81XA/t/M1gGngVPAA+CypD9FawsBzGwD8BT4BpyRNJdiuHWOma0H7gKbgAFJP1rnLAEws35gHBiTdL0TwwUgl4Bh4LCkD/H/JoBw8hnggqRH3TDe2MPMhoAbwK7YE4sA4c6ngefdOnmJJ44A+xsxEQOMAJslDXbz5AUQj4Gvkjyz+A8QUu0V0N9pwKVCh8D0ONjjKdoAuO8RL8nTbtmHmV0BNko6qaBwnm697fLczN4B5yV5nJQOM9sH3Jbkalk4gk589PR0AI/O45KOJmzs9zdUBhGM+5xBSS8q9nsGPHSAMWBW0p0q30cGlkC0+1e0r5mdBfoc4E1w7esqgBCw7uImT9Q1HvbZDdx0AJfZvjrRHxv0JGoFSjyIy/SsA/z2Z1XS35SFkbI1POGfSuOiTSCuAhZWBED2K8gehN1Ow0oNCFmwmIbZhciLzRQp9oLzXKIU35K0I0mKgzv8Mfou6WqdVOx0btNjtCKe4wCRryAJAF6G5yvJAoSX43mK0kjj85XlEUS+xiSCiFuzUW/ParZm3pZ5e1a/NYvzO1tz2ioyy9We/wNWr5lY0zc+QQAAAABJRU5ErkJggg==" alt=""></div> |
|||
<video src="" poster="" alt="" id="media" controls="controls"></video> |
|||
</div> |
|||
</div> |
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="#">智能家居系统</a> |
|||
<a href="#">酒店客控管理系统</a> |
|||
<a href="#">照明与灯控系统</a> |
|||
<a href="#">智慧医养解决方案</a> |
|||
<a href="#">美的中央空调案例</a> |
|||
<a href="#">绿色能源</a> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="about/index.html">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,484 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
{php} |
|||
// var_dump($hc_content);exit; |
|||
// 基本信息 |
|||
$id = $hc_content['id'] ?? ''; |
|||
$category_id = $hc_content['category_id'] ?? ''; |
|||
$sub_category_ids = $hc_content['sub_category_ids'] ?? ''; |
|||
$module_id = $hc_content['module_id'] ?? ''; |
|||
$lang = $hc_content['lang'] ?? ''; |
|||
$main_id = $hc_content['main_id'] ?? ''; |
|||
$title = $hc_content['title'] ?? ''; |
|||
$sub_title = $hc_content['sub_title'] ?? ''; |
|||
$description = $hc_content['description'] ?? ''; |
|||
$content = $hc_content['content'] ?? ''; |
|||
$cover = $hc_content['cover'] ?? ''; |
|||
$hits = $hc_content['hits'] ?? ''; |
|||
$admin_id = $hc_content['admin_id'] ?? ''; |
|||
$author = $hc_content['author'] ?? ''; |
|||
$status = $hc_content['status'] ?? ''; |
|||
$check_status = $hc_content['check_status'] ?? ''; |
|||
$url = $hc_content['url'] ?? ''; |
|||
$publish_time = $hc_content['publish_time'] ?? ''; |
|||
$is_top = $hc_content['is_top'] ?? ''; |
|||
$top_time = $hc_content['top_time'] ?? ''; |
|||
$is_recommend = $hc_content['is_recommend'] ?? ''; |
|||
$sort = $hc_content['sort'] ?? ''; |
|||
$detail_tpl = $hc_content['detail_tpl'] ?? ''; |
|||
$seo_title = $hc_content['seo_title'] ?? ''; |
|||
$seo_keyword = $hc_content['seo_keyword'] ?? ''; |
|||
$seo_description = $hc_content['seo_description'] ?? ''; |
|||
$version = $hc_content['version'] ?? ''; |
|||
$show_version = $hc_content['show_version'] ?? ''; |
|||
$is_del = $hc_content['is_del'] ?? ''; |
|||
$del_user_id = $hc_content['del_user_id'] ?? ''; |
|||
$delete_time = $hc_content['delete_time'] ?? ''; |
|||
$create_time = $hc_content['create_time'] ?? ''; |
|||
$update_time = $hc_content['update_time'] ?? ''; |
|||
$tag = $hc_content['tag'] ?? []; |
|||
|
|||
// 缩略图 |
|||
$thumbnail = (array)($hc_content['thumbnail'] ?? []); |
|||
$thumbnail_id = $thumbnail['id'] ?? ''; |
|||
$thumbnail_name = $thumbnail['name'] ?? ''; |
|||
$thumbnail_url = $thumbnail['url'] ?? ''; |
|||
$thumbnail_type = $thumbnail['type'] ?? ''; |
|||
$thumbnail_description = $thumbnail['description'] ?? ''; |
|||
|
|||
// 扩展内容 |
|||
$main_content = $hc_content['main_content'] ?? []; |
|||
$main_content_id = $main_content['id'] ?? ''; |
|||
$rich_text_two = $main_content['rich_text_two'] ?? ''; |
|||
$pic_many_one = $main_content['pic_many_one'] ?? []; // 产品介绍多图 |
|||
$pic_many = $main_content['pic_many'] ?? []; // 规格参数展示图集 |
|||
$rich_text_three = $main_content['rich_text_three'] ?? ''; // 规格参数第一个富文本框 |
|||
$rich_text_four = $main_content['rich_text_four'] ?? ''; |
|||
$rich_text_five = $main_content['rich_text_five'] ?? ''; |
|||
$rich_text_six = $main_content['rich_text_six'] ?? ''; |
|||
$rich_text_seven = $main_content['rich_text_seven'] ?? ''; |
|||
$resource_download_names = $main_content['resource_download_names'] ?? ''; // 下载文件自定义名称 |
|||
$atlas = $main_content['atlas'] ?? []; |
|||
$file = $main_content['file'] ?? ''; |
|||
$content_desc = $main_content['content_desc'] ?? ''; |
|||
$mc_lang = $main_content['lang'] ?? ''; |
|||
$lang_pid = $main_content['lang_pid'] ?? ''; |
|||
$sub_id = $main_content['sub_id'] ?? ''; |
|||
$mc_create_time = $main_content['create_time'] ?? ''; |
|||
$mc_update_time = $main_content['update_time'] ?? ''; |
|||
|
|||
// 资源图片 |
|||
$resource_pic = (array)($main_content['resource_pic'] ?? []); |
|||
$resource_pic_id = $resource_pic['id'] ?? ''; |
|||
$resource_pic_name = $resource_pic['name'] ?? ''; |
|||
$resource_pic_url = $resource_pic['url'] ?? ''; |
|||
$resource_pic_type = $resource_pic['type'] ?? ''; |
|||
$resource_pic_description = $resource_pic['description'] ?? ''; |
|||
$resource_pic_children = $resource_pic['children'] ?? []; |
|||
|
|||
// 资源下载 |
|||
$resource_download = $main_content['resource_download'] ?? []; |
|||
{/php} |
|||
|
|||
<head> |
|||
<meta charset="UTF-8" /> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
|||
<title>{$title} - 睿能科技</title> |
|||
<meta name="keywords" content="{$seo_keyword}" /> |
|||
<meta name="description" content="{$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/product.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/product.css" /> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<nav class="p-subnav" aria-label="产品导航" data-p-subnav aria-hidden="true"> |
|||
<div class="p-subnav__inner section__wrap"> |
|||
<p class="p-subnav__title">{$title}</p> |
|||
<div class="p-subnav__links" role="list"> |
|||
<a class="p-subnav__link is-active" href="#p-intro" data-p-nav="p-intro" role="listitem">产品概况</a> |
|||
<a class="p-subnav__link" href="#p-spec" data-p-nav="p-spec" role="listitem">规格参数</a> |
|||
<a class="p-subnav__link" href="#p-download" data-p-nav="p-download" role="listitem">资料下载</a> |
|||
<a class="p-subnav__link" href="#p-related" data-p-nav="p-related" role="listitem">相关产品</a> |
|||
</div> |
|||
<a class="p-subnav__cta {if empty($content)}hidden{/if}" href="#p-spec" data-selection-trigger>查看选型表</a> |
|||
</div> |
|||
</nav> |
|||
|
|||
<main class="main-product" data-header-dark data-nav="产品"> |
|||
<section class="p-hero section__wrap"> |
|||
<div class="p-hero__inner"> |
|||
<h1 class="section__title">{$title}</h1> |
|||
<a class="s-btn s-btn--light s-btn--pill {if empty($content)}hidden{/if}" href="javascript:;" data-selection-trigger>查看选型表</a> |
|||
<div class="p-hero__media"> |
|||
<div class="p-hero__mark" aria-hidden="true">{$sub_title}</div> |
|||
<img src="{:deal_image_url($thumbnail_url)}" width="434" height="601" alt="{$thumbnail_name}" /> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 产品介绍 --> |
|||
<section class="p-intro section__wrap" id="p-intro"> |
|||
<div class="p-intro__inner"> |
|||
<div class="p-intro__visual"> |
|||
<div class="p-intro__gallery swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="pic_many_one" id="vo" key="key"} |
|||
<div class="swiper-slide"> |
|||
<img src="{:deal_image_url($vo['url'] ?? '')}" width="200" height="514" alt="RA3产品图" /> |
|||
</div> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="p-intro__gallery-nav"> |
|||
<div class="p-intro__gallery-pagination"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 产品介绍,产品优势,产品特性 --> |
|||
<div class="p-intro__content"> |
|||
{$rich_text_two|raw} |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 规格参数 , 如果第一个富文本没有内容,则整个规格参数都不显示--> |
|||
<section class="p-spec section__wrap" id="p-spec" {if empty($rich_text_three)}style="display: none"{/if}> |
|||
<div class="p-spec__inner"> |
|||
<h2 class="section__title">规格参数</h2> |
|||
|
|||
<div class="p-spec__models" {if empty($pic_many)}style="display: none"{/if}> |
|||
<span class="p-spec__models-label">产品型号</span> |
|||
<div class="p-spec__tabs nav" role="tablist" aria-label="产品型号"> |
|||
<!-- 规格参数,产品型号 --> |
|||
{php} |
|||
$total_standard_num = 0; |
|||
{/php} |
|||
|
|||
{volist name="pic_many" id="vo" key="key"} |
|||
<button |
|||
type="button" |
|||
class="p-spec__tab nav-link {if $key==1}active{/if}" |
|||
id="p-spec-tab-{$key}" |
|||
data-bs-toggle="tab" |
|||
data-bs-target="#p-spec-panel-{$key}" |
|||
role="tab" |
|||
aria-controls="p-spec-panel-{$key}" |
|||
aria-selected="{if $key==1}true{else /}false{/if}" |
|||
> |
|||
<span class="p-spec__tab-media"> |
|||
<img src="{:deal_image_url($vo['url'] ?? '')}" width="80" height="111" alt="" /> |
|||
</span> |
|||
<span class="p-spec__tab-name">{$vo.description}</span> |
|||
</button> |
|||
{php} |
|||
$total_standard_num++; |
|||
{/php} |
|||
|
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<div class="p-spec__body tab-content"> |
|||
{volist name="pic_many" id="vo" key="key"} |
|||
<div |
|||
class="tab-pane fade {if $key==1}show active{/if}" |
|||
id="p-spec-panel-{$key}" |
|||
role="tabpanel" |
|||
aria-labelledby="p-spec-tab-{$key}" |
|||
tabindex="0" |
|||
> |
|||
{switch $key} |
|||
{case 1}{$rich_text_three|raw}{/case} |
|||
{case 2}{$rich_text_four|raw}{/case} |
|||
{case 3}{$rich_text_five|raw}{/case} |
|||
{case 4}{$rich_text_six|raw}{/case} |
|||
{case 5}{$rich_text_seven|raw}{/case} |
|||
{default /}暂无匹配内容 |
|||
{/switch} |
|||
</div> |
|||
{/volist} |
|||
|
|||
{if $total_standard_num == 0} |
|||
<!-- 无型号 tabs 时仅展示第一个富文本 --> |
|||
{$rich_text_three|raw} |
|||
{/if} |
|||
|
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 资料下载 --> |
|||
<!-- 处理下载资料名称 --> |
|||
{php} |
|||
// 1. 直接按照 %% 分割 |
|||
$mainArray = explode("%%", $resource_download_names); |
|||
$download_names = []; |
|||
// 2. 遍历并拆分 |
|||
foreach ($mainArray as $item) { |
|||
if (trim($item) !== '' && !empty($item)) { |
|||
$download_names[] = explode("##", trim($item)); |
|||
} |
|||
} |
|||
// 文件匹配 |
|||
$map = [ |
|||
'png' => '图片', |
|||
'jpg' => '图片', |
|||
'jpeg' => '图片', |
|||
'pdf' => 'PDF', |
|||
'doc' => 'DOC', |
|||
'docx' => 'DOC', |
|||
'zip' => '压缩包', |
|||
'7z' => '压缩包', |
|||
'rar' => '压缩包', |
|||
]; |
|||
|
|||
{/php} |
|||
<section class="p-download section__wrap" id="p-download"> |
|||
<div class="p-download__inner"> |
|||
<div class="p-download__visual"> |
|||
<img src="{:deal_image_url($resource_pic['url'] ?? '')}" width="354" height="447" alt="RA3资料示意" /> |
|||
</div> |
|||
<div class="p-download__content"> |
|||
<h2 class="section__title">资料下载</h2> |
|||
<ul class="p-download__list"> |
|||
{volist name="resource_download" id="one_resource" key="key"} |
|||
{php} |
|||
$downloadUrl = $one_resource['url'] ?? ''; |
|||
$nameTmp = $download_names[$key-1][0] ?? ($one_resource['name'] ?? '文件-'.$key); |
|||
$descTmp = $download_names[$key-1][1] ?? ('描述-'.$key); |
|||
$dateTmp = $download_names[$key-1][2] ?? ('日期-'.$key); |
|||
$ext = strtolower(pathinfo($one_resource['url'], PATHINFO_EXTENSION)); |
|||
$file_type_name = $map[$ext] ?? '未知文件'; |
|||
// 下载文件名与页面展示名一致（展示名未带扩展名时补充） |
|||
$download_name = ($ext !== '' && strtolower(pathinfo($nameTmp, PATHINFO_EXTENSION)) === $ext) ? $nameTmp : rtrim($nameTmp, '.') . '.' . $ext; |
|||
{/php} |
|||
<li class="p-download__item"> |
|||
<div class="p-download__info"> |
|||
<h3 class="p-download__name"> |
|||
<a href="{$downloadUrl}" target="_blank" rel="noopener" title="预览">{$nameTmp}</a> |
|||
</h3> |
|||
<p class="p-download__meta"> |
|||
<span>{$descTmp}</span> |
|||
<span class="p-download__meta-divider"></span> |
|||
<time datetime="2025-10-11">{$dateTmp}</time> |
|||
</p> |
|||
</div> |
|||
<a |
|||
class="p-download__link" |
|||
href="{$downloadUrl}" |
|||
download="{$download_name}" |
|||
> |
|||
<svg |
|||
viewBox="0 0 24 24" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="24.000000" |
|||
height="24.000000" |
|||
fill="none" |
|||
customFrame="#000000" |
|||
> |
|||
<g id="frame"> |
|||
<path |
|||
id="Vector" |
|||
d="M16.4405 8.8999C20.0405 9.2099 21.5105 11.0599 21.5105 15.1099L21.5105 15.2399C21.5105 19.7099 19.7205 21.4999 15.2505 21.4999L8.74047 21.4999C4.27047 21.4999 2.48047 19.7099 2.48047 15.2399L2.48047 15.1099C2.48047 11.0899 3.93047 9.2399 7.47047 8.9099" |
|||
fill-rule="nonzero" |
|||
stroke="rgb(102,102,102)" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
stroke-width="1.500000" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M0 0L12.88 0" |
|||
stroke="rgb(102,102,102)" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
stroke-width="1.500000" |
|||
transform="matrix(0,1,-1,0,12,2)" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M15.3504 12.6499L12.0004 15.9999L8.65039 12.6499" |
|||
fill-rule="nonzero" |
|||
stroke="rgb(102,102,102)" |
|||
stroke-linecap="round" |
|||
stroke-linejoin="round" |
|||
stroke-width="1.500000" |
|||
/> |
|||
<path |
|||
id="Vector" |
|||
d="M24 0L0 0L0 24L24 24L24 0ZM1 23L1 1L23 1L23 23L1 23Z" |
|||
opacity="0" |
|||
fill="rgb(102,102,102)" |
|||
fill-rule="evenodd" |
|||
transform="matrix(-1,-1.22465e-16,1.22465e-16,-1,24,24)" |
|||
/> |
|||
</g> |
|||
</svg> |
|||
<span>下载{$file_type_name}</span> |
|||
</a> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- 相关产品 --> |
|||
<section class="p-related section__wrap" id="p-related"> |
|||
<div class="p-related__inner"> |
|||
<div class="p-related__header"> |
|||
<h2 class="section__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="p-related__swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="$category_id" mainField="id,category_id,title,sub_title,thumbnail" subField="" name="hc_content" limit="30" item="content_sub22" sort="sort asc"} |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
{volist name="hc_content" id="vo_content"} |
|||
<article class="swiper-slide p-related__card"> |
|||
<a class="p-related__link" href="{:hcUrl('detail/index',['id'=>$vo_content['id'],'cid'=>$vo_content['category_id']])}"> |
|||
<div class="p-related__media"> |
|||
<img src="{$vo_content['thumbnail']['url'] ?? ''}" width="100" height="206" alt="" /> |
|||
</div> |
|||
<div class="p-related__foot"> |
|||
<h3 class="p-related__name">{$vo_content.title}</h3> |
|||
<span class="p-related__arrow" aria-hidden="true"> |
|||
<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> |
|||
</span> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
{/volist} |
|||
|
|||
</div> |
|||
<!-- <div class="p-related__pagination swiper-pagination"></div> --> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
</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> |
|||
|
|||
<div class="p-selection-modal" id="p-selection-modal" data-selection-modal hidden> |
|||
<div class="p-selection-modal__overlay" data-selection-close></div> |
|||
<div class="p-selection-modal__dialog" role="dialog" aria-modal="true" aria-label="选型表"> |
|||
<div class="p-selection-modal__head"> |
|||
<h2 class="p-selection-modal__title">选型表</h2> |
|||
<button type="button" class="p-selection-modal__close" aria-label="关闭" data-selection-close> |
|||
<svg |
|||
viewBox="0 0 24 24" |
|||
width="24" |
|||
height="24" |
|||
fill="none" |
|||
xmlns="http://www.w3.org/2000/svg" |
|||
aria-hidden="true" |
|||
> |
|||
<path d="M6 6L18 18M18 6L6 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
<div class="p-selection-modal__body"> |
|||
<div class="p-selection-modal__table-wrap" data-lenis-prevent> |
|||
{$content|raw} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,192 @@ |
|||
|
|||
|
|||
{php} |
|||
dd('此页面废弃'); |
|||
{/php} |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
<!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/search.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/search.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-search" data-header-dark> |
|||
<div class="sr-page section__wrap"> |
|||
<div class="sr-hero"> |
|||
<h1 class="sr-hero__title">搜索</h1> |
|||
<form class="s-search sr-search" action="/search.html" method="get" role="search"> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="q" value="{$keywords}" placeholder="请输入您想了解的内容" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">搜索</button> |
|||
</form> |
|||
<div class="sr-hot"> |
|||
<span class="sr-hot__label">热门搜索：</span> |
|||
<div class="sr-hot__list"> |
|||
<button type="button" class="sr-hot__tag" data-keyword="HMI">HMI</button> |
|||
<button type="button" class="sr-hot__tag" data-keyword="伺服系统">伺服系统</button> |
|||
<button type="button" class="sr-hot__tag" data-keyword="纺织行业产品">纺织行业产品</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="sr-tabs" role="tablist" aria-label="结果分类"> |
|||
<button type="button" class="sr-tabs__item is-active" role="tab" aria-selected="true" data-type="all"> |
|||
全部 ( <span data-count="all">0</span> ) |
|||
</button> |
|||
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="product"> |
|||
产品 ( <span data-count="product">0</span> ) |
|||
</button> |
|||
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="solution"> |
|||
解决方案 ( <span data-count="solution">0</span> ) |
|||
</button> |
|||
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="news"> |
|||
新闻 ( <span data-count="news">0</span> ) |
|||
</button> |
|||
<button type="button" class="sr-tabs__item" role="tab" aria-selected="false" data-type="faq"> |
|||
常见问题 ( <span data-count="faq">0</span> ) |
|||
</button> |
|||
</div> |
|||
|
|||
<div class="sr-list"> |
|||
{volist name="list" id="vo"} |
|||
{php} |
|||
$sr_date = ''; |
|||
$sr_time = $vo['publish_time'] ?? ($vo['create_time'] ?? ''); |
|||
if (!empty($sr_time)) { |
|||
$sr_date = is_numeric($sr_time) ? date('Y-m-d', (int)$sr_time) : $sr_time; |
|||
} |
|||
$sr_cid = $vo['category_id'] ?? ($vo['category'][0]['id'] ?? 0); |
|||
$sr_thumb = is_array($vo['thumbnail'] ?? null) ? ($vo['thumbnail']['url'] ?? '') : ''; |
|||
$sr_url = hcUrl('detail/index', ['id' => $vo['id'], 'cid' => $sr_cid]); |
|||
$sr_cate_title = $vo['category'][0]['title'] ?? ''; |
|||
$sr_type = 'other'; |
|||
if (mb_strpos($sr_cate_title, '产品') !== false) { |
|||
$sr_type = 'product'; |
|||
} elseif (mb_strpos($sr_cate_title, '解决方案') !== false || mb_strpos($sr_cate_title, '方案') !== false) { |
|||
$sr_type = 'solution'; |
|||
} elseif (mb_strpos($sr_cate_title, '新闻') !== false) { |
|||
$sr_type = 'news'; |
|||
} elseif (mb_strpos($sr_cate_title, '常见问题') !== false || mb_strpos($sr_cate_title, 'FAQ') !== false || mb_strpos($sr_cate_title, '问题') !== false) { |
|||
$sr_type = 'faq'; |
|||
} |
|||
{/php} |
|||
<article class="sr-item" data-type="{$sr_type}" data-keywords="{$vo.title}"> |
|||
<a class="sr-item__media" href="{$sr_url}"> |
|||
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
</a> |
|||
<div class="sr-item__body"> |
|||
<div class="sr-item__main"> |
|||
<div class="sr-item__meta"> |
|||
<span class="sr-item__type">{if !empty($vo['category'][0]['title'])}{$vo.category.0.title}{else /}内容{/if}</span> |
|||
<span class="sr-item__sep" aria-hidden="true"></span> |
|||
<time class="sr-item__date" datetime="{$sr_date}">{$sr_date}</time> |
|||
</div> |
|||
<h2 class="sr-item__title"> |
|||
<a href="{$sr_url}">{$vo.title}</a> |
|||
</h2> |
|||
{notempty name="vo.description"} |
|||
<p class="sr-item__desc">{$vo.description}</p> |
|||
{/notempty} |
|||
</div> |
|||
<a class="sr-item__more" href="{$sr_url}"> |
|||
<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> |
|||
|
|||
</a> |
|||
</div> |
|||
</article> |
|||
{/volist} |
|||
</div> |
|||
|
|||
<div class="s-empty sr-tabs-empty" hidden> |
|||
<p class="s-empty__text">当前分类下暂无结果</p> |
|||
</div> |
|||
|
|||
{php} |
|||
$list_empty = isHcListEmpty($list ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = '未找到相关结果，请尝试其他关键词'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$list_page|raw} |
|||
{/if} |
|||
</div> |
|||
</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> |
|||
@ -1,158 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>应用场景—智能家居系统集成方案—全屋智能家居系统—宅极慧iHM</title> |
|||
<meta name="description" content="宅极慧iHM客户遍布全国，落地房间数目超过5000+个，遍布一二三线城市，为多家超五星酒店和地产开发商提供智能家居系统解决方案，包括文华东方酒店，四季酒店，丽思卡尔顿酒店，华尔道夫酒店，朗庭酒店，凯悦酒店，洲际酒店等。目标为全球亿万家庭创造智能个性新生活!"> |
|||
<meta name="keywords" content="全屋智能家居系统，智能家居整体解决方案服务商，智能家居解决方案，宅极慧iHM"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/changjing.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="changjingBanner"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<video src="{$vo.main_content.video.url|default=''}" loop="loop" autoplay="autoplay" muted="muted" poster="{$vo['cover']['url']|default=''}"></video> |
|||
<div class="posi"><img src="{$vo['main_content']['gif']['url']|default=''}" alt=""></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="changjingTab"> |
|||
<div class="w1400"> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left4.png" alt=""></div> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:subcategory pid="39" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right4.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<div class="changjingBlock"> |
|||
<div class="w1400"> |
|||
{hcTaglib:content cid="$current_cate['id']" moduleId='7' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<div class="tit"> |
|||
<p>{$vo.sub_title}</p> |
|||
<div class="tips">{$vo.main_content.intro}</div> |
|||
</div> |
|||
<div class="changjingBlock2"> |
|||
<div class="swiper changjingBlock2Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{volist name="$vo.main_content.ico_two" id="vvo" } |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="{$vvo.url}" alt=""></div> |
|||
<p>{$vvo.description}</p> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="img"><img src="/themes/static/images/changjingBlock2Img2.png" alt=""></div> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right6.png" alt=""></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left6.png" alt=""></div> |
|||
</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
<img src="{$vo['cover']['url']|default=''}" alt=""> |
|||
</div> |
|||
<div class="right"> |
|||
<p> |
|||
{$vo.title}<span>{$vo.main_content.time_slot}</span> |
|||
</p> |
|||
<div class="contList"> |
|||
<ul> |
|||
{volist name="$vo.main_content.atlas" id="vv" } |
|||
<li> |
|||
<i></i> |
|||
<em></em> |
|||
<span> |
|||
<img src="{$vv.url}" alt=""> |
|||
</span> |
|||
<div>{$vv.description}</div> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".mySwiper", { |
|||
spaceBetween: 20, |
|||
slidesPerView: "auto", |
|||
navigation: { |
|||
nextEl: ".changjingTab .w1400 .swiper-button-next", |
|||
prevEl: ".changjingTab .w1400 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
640:{ |
|||
spaceBetween: 40, |
|||
}, |
|||
1200:{ |
|||
spaceBetween: 100, |
|||
} |
|||
} |
|||
}); |
|||
$('.changjingTab .w1400 .mySwiper .swiper-wrapper .swiper-slide a').each(function(){ |
|||
if(window.location.pathname == $(this).attr('href')){ |
|||
$(this).parent().addClass('on') |
|||
}else if(window.location.pathname == $(this).attr('href') + '.html'){ |
|||
$(this).parent().addClass('on') |
|||
} |
|||
}) |
|||
var swiper2 = new Swiper(".changjingBlock2Swiper", { |
|||
slidesPerView:3, |
|||
slidesPerGroup: 2, |
|||
spaceBetween: 0, |
|||
navigation: { |
|||
nextEl: ".changjingBlock2 .swiper-button-next", |
|||
prevEl: ".changjingBlock2 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 5, |
|||
}, |
|||
996:{ |
|||
slidesPerView: 7, |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 9, |
|||
}, |
|||
1366:{ |
|||
slidesPerView: 11, |
|||
} |
|||
} |
|||
}); |
|||
let changjingSwiper2 = $('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length |
|||
swiper2.removeSlide(changjingSwiper2 - 1); |
|||
if($('body').width() > 1366){ |
|||
if($('.changjingBlock2Swiper .swiper-wrapper .swiper-slide').length < 11){ |
|||
$('.changjingBlock2Swiper .swiper-wrapper').css('justify-content','center') |
|||
} |
|||
} |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,155 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<title>产品中心—智能家居安装—智能家居整体解决方案服务商—宅极慧iHM</title> |
|||
<meta name="description" content="宅极慧iHM是一家专业的智能家居整体解决方案服务商，为多家超五星酒店和地产开发商提供智能家居系统解决方案，严选国内外知名品牌产品，为客户度身定制高体验感的智能系统集成方案。"> |
|||
<meta name="keywords" content="智能家居整体解决方案服务商，智能家居安装，全屋智能家居控制系，宅极慧iHM"> |
|||
<!-- 通用 --> |
|||
<link rel="stylesheet" href="/themes/static/css/reset.css"> |
|||
<link rel="stylesheet" href="/themes/static/css/aos.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/currency.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/chanpin.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="chanpinBanner"> |
|||
{if $current_cate['parent_id'] == 38 } |
|||
<img src="{$current_cate['banner']['url']|default=''}" alt=""> |
|||
<div class="w1400"> |
|||
<div class="logo">{$current_cate.content|raw}<span>{$current_cate.title}</span></div> |
|||
<div class="tips"> |
|||
{$current_cate.description} |
|||
</div> |
|||
</div> |
|||
{else /} |
|||
{hcTaglib:category id="$current_cate['parent_id']" field="id,title,banner,content,description"} |
|||
<img src="{$hc_category['banner']['url']|default=''}" alt=""> |
|||
<div class="w1400"> |
|||
<div class="logo">{$hc_category.content|raw}<span>{$hc_category.title}</span></div> |
|||
<div class="tips"> |
|||
{$hc_category.description} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
{/if} |
|||
|
|||
</div> |
|||
<!-- 正文 --> |
|||
<?php |
|||
if($current_cate['parent_id'] == 38) |
|||
{ |
|||
$pid = $current_cate['id']; |
|||
}else{ |
|||
$pid = $current_cate['parent_id']; |
|||
} |
|||
?> |
|||
<div class="chanpinTab" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="w1400"> |
|||
<ul> |
|||
<li><a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a></li> |
|||
{hcTaglib:subcategory pid="$pid" item="vo" sort=""} |
|||
<li><a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a></li> |
|||
{/hcTaglib:subcategory} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="chanpinTabMob"> |
|||
<div class="swiper chanpinTabMobSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('list/index',['id'=>$pid])}">全部</a> |
|||
</div> |
|||
{hcTaglib:subcategory pid="$pid" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('list/index',['id'=>$vo['id']])}">{$vo.title}</a> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="chanpinBlock"> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="cont"> |
|||
{hcTaglib:contentPage cid="$current_cate['id']" moduleId='6' mainField="*" all="1" subField="*" name="case_top" limit="18" item="vvo"} |
|||
<div class="list"> |
|||
<div class="img"> |
|||
<img src="{$vvo['thumbnail']['url']}" alt=""> |
|||
<div class="posi"> |
|||
{$vvo.content|raw} |
|||
<div class="border-top"></div> |
|||
<div class="border-right"></div> |
|||
<div class="border-bottom"></div> |
|||
<div class="border-left"></div> |
|||
</div> |
|||
</div> |
|||
<a href="{$vvo['url']}"> |
|||
<div class="tit">{$vvo.title}</div> |
|||
<div class="tips">{$vvo.description}</div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{$case_top|raw} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
$('.chanpinBlock .w1400 .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
console.log(1) |
|||
$(this).children('.img').children('.posi').stop().animate({'opacity':1},400) |
|||
} |
|||
},function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).children('.img').children('.posi').stop().animate({'opacity':0},400) |
|||
} |
|||
}) |
|||
$('.chanpinBlock .w1400 .list .img').click(function(){ |
|||
if($(this).children('.posi').hasClass('on')){ |
|||
$(this).children('.posi').stop().animate({'opacity':0}) |
|||
$(this).children('.posi').removeClass('on') |
|||
return |
|||
} |
|||
$(this).children('.posi').stop().animate({'opacity':1}) |
|||
$(this).children('.posi').addClass('on') |
|||
}) |
|||
var swiper = new Swiper(".chanpinTabMobSwiper", { |
|||
slidesPerView: 3.5, |
|||
}); |
|||
let thisUrl = window.location.pathname |
|||
$('.chanpinTabMob .swiper .swiper-wrapper .swiper-slide').each(function(){ |
|||
console.log($(this).children('a').attr('href')) |
|||
if($(this).children('a').attr('href') == thisUrl){ |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
$('.chanpinTab .w1400 ul li a').each(function(){ |
|||
if($(this).attr('href') == thisUrl){ |
|||
$(this).parent().addClass('on') |
|||
} |
|||
}) |
|||
// $('.chanpinTab .w1400 ul li').eq(0).addClass('on') |
|||
// $('.chanpinBlock .w1400 .cont').eq(0).css('display','flex') |
|||
// $('.chanpinTab .w1400 ul li').click(function(){ |
|||
// if($(this).hasClass('on')){ |
|||
// return |
|||
// } |
|||
// $(this).addClass('on') |
|||
// $(this).siblings().removeClass('on') |
|||
// $('.chanpinBlock .w1400 .cont').css('display','none') |
|||
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).stop().fadeIn() |
|||
// $('.chanpinBlock .w1400 .cont').eq($(this).index()).css('display','flex') |
|||
// }) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -1,393 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/guanyu.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.description}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 宅极慧iHM --> |
|||
<div class="guanyuBlock" id="block1"> |
|||
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vo"} |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{$vo.content|raw} |
|||
{/hcTaglib:content} |
|||
<ul class="numCount"> |
|||
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vvo" sort="sort asc"} |
|||
<li> |
|||
<p>{$vvo.title}</p> |
|||
<div> |
|||
<span class="numCX" data-startVal="0" data-endVal="{$vvo.sub_title}" data-speed="1.2" data-decimals="0" id="mumC{$vvo.id}">{$vvo.sub_title}</span> |
|||
{$vvo.description} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
<div class="img" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:contentPage cid="73" mainField="*" subField="*" name="hc_content" limit="2" item="vo" sort="sort asc"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<!-- 企业文化 --> |
|||
<div class="guanyuBlock2" id="block2"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="74" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:content cid="74" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""><span><img src="/themes/static/images/guanyuBlock2Ico.png" alt=""></span></div> |
|||
<div class="text"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="en">{$vo.sub_title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- 发展历程 --> |
|||
<div class="guanyuBlock3" id="block3"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="75" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="line"></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left3.png" alt=""></div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right3.png" alt=""></div> |
|||
<div class="swiper guanyuBlock3Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="75" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="time"> |
|||
<span>{$vo.title}</span>年 |
|||
</div> |
|||
<em></em> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.sub_title}</div> |
|||
<div class="text">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 新闻资讯 --> |
|||
<div class="guanyuBlock4" id="block4"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="76" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="swiper guanyuBlock4Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="76" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" class="list"> |
|||
<div class="time">{:date('Y-m-d', strtotime($vo['publish_time']))}</div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="line"></div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
</a> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
{hcTaglib:category id="76" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
更多资讯 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 荣誉证书 --> |
|||
<div class="guanyuBlock5" id="block5"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="77" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="swiper guanyuBlock5Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="77" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
</div> |
|||
<!-- 加入宅极慧 --> |
|||
<div class="guanyuBlock6" id="block6"> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="78" item="vo" field="*"} |
|||
<div class="title2"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
<a href="{$vo.alias}" class="moreBtn" target="_blank"> |
|||
查看岗位信息 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- 联系我们 --> |
|||
<div class="guanyuBlock7" id="block7"> |
|||
<div class="title2" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
{hcTaglib:category id="79" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="left"> |
|||
<div class="tel"> |
|||
{hcTaglib:category id="80" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
<div class="cont"> |
|||
{hcTaglib:content cid="80" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<a href="tel:{$vo.title}">{$vo.title}</a> |
|||
{$vo.sub_title} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="mail"> |
|||
{hcTaglib:category id="81" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
<a href="mailto:{$vo.sub_title}">{$vo.sub_title}</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="wechat"> |
|||
{hcTaglib:content cid="82" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="tips"> |
|||
<p>{$vo.sub_title}</p> |
|||
{$vo.title} |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="address"> |
|||
{hcTaglib:category id="83" item="vo" field="*"} |
|||
<p><span><img src="{$vo['thumbnail']['url']|default=''}" alt=""></span>{$vo.title}</p> |
|||
{/hcTaglib:category} |
|||
<ul> |
|||
{hcTaglib:content cid="83" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<li> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
</div> |
|||
</div> |
|||
<div class="right"> |
|||
<form action=""> |
|||
<div class="tit">在线预约</div> |
|||
<input type="text" name="name" id="inputName" placeholder="请输入您的姓名"> |
|||
<input type="text" name="tel" id="inputTel" placeholder="请输入您的电话"> |
|||
<input type="text" name="content" id="inputCont" placeholder="留言内容"> |
|||
<a href="javascript:;" class="btn">立即提交</a> |
|||
</form> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="formTips"> |
|||
提交成功 |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script src="/themes/static/js/count.js"></script> |
|||
<script> |
|||
// 数字滚动 |
|||
$(function(){ |
|||
var countCXArr = []; |
|||
var countCX=function (){ |
|||
$('.numCount').each(function(i, dom) { |
|||
if(countCXArr[i] && countCXArr[i] === true){ |
|||
return; |
|||
} |
|||
var sT; |
|||
var ncTop; |
|||
sT = $(window).scrollTop(); |
|||
ncTop = $(dom).offset().top; |
|||
var id,decimals, startVal, endVal, duration; |
|||
if (sT > ncTop-$(window).height() && sT < ncTop) { |
|||
$(dom).find('.numCX').each(function(){ |
|||
id=$(this).attr('id'); |
|||
decimals = $(this).attr('data-decimals'), |
|||
startVal = $(this).attr('data-startVal'), |
|||
endVal = $(this).attr('data-endVal'), |
|||
duration = $(this).attr('data-speed'); |
|||
new CountUp(id, startVal, endVal, decimals, duration, { |
|||
useEasing: true,//效果 |
|||
separator: ''//数字分隔符 |
|||
}).start();// target：目标元素id, startVal：你想要开始的值, endVal：你想要到达的值, decimals：小数位数，默认值为0, duration：动画持续时间为秒，默认值为2, options：选项的可选对象 |
|||
countCXArr[i] = true; |
|||
}) |
|||
} |
|||
}) |
|||
} |
|||
countCX(); |
|||
$(window).on("scroll",function() { |
|||
countCX(); |
|||
}) |
|||
}); |
|||
// 发展历程 |
|||
var swiper = new Swiper(".guanyuBlock3Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock3 .swiper-button-next", |
|||
prevEl: ".guanyuBlock3 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
997:{ |
|||
slidesPerView: 2, |
|||
}, |
|||
1200:{ |
|||
slidesPerView: 4, |
|||
spaceBetween: 66, |
|||
} |
|||
} |
|||
}); |
|||
// 发展历程 时间轴线位置、长度 |
|||
let lineWidth = $('body').width() |
|||
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2 |
|||
$('.guanyuBlock3 .w1400 .line').css({ |
|||
'width': lineWidth, |
|||
'left': -linePosi |
|||
}) |
|||
$(window).resize(function(){ |
|||
let lineWidth = $('body').width() |
|||
let linePosi = (lineWidth - $('.guanyuBlock3 .w1400').width())/2 |
|||
$('.guanyuBlock3 .w1400 .line').css({ |
|||
'width': lineWidth, |
|||
'left': -linePosi |
|||
}) |
|||
}) |
|||
// 新闻资讯 |
|||
var swiper2 = new Swiper(".guanyuBlock4Swiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock4 .swiper-button-next", |
|||
prevEl: ".guanyuBlock4 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
997:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30 |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 70 |
|||
} |
|||
} |
|||
}); |
|||
// 荣誉证书 |
|||
var swiper3 = new Swiper(".guanyuBlock5Swiper", { |
|||
loop: true, |
|||
slidesPerView: 1, |
|||
spaceBetween: 30, |
|||
navigation: { |
|||
nextEl: ".guanyuBlock5 .swiper-button-next", |
|||
prevEl: ".guanyuBlock5 .swiper-button-prev", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView:2, |
|||
}, |
|||
997:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 30, |
|||
centeredSlides: true, |
|||
} |
|||
} |
|||
}); |
|||
$('.guanyuBlock7 .w1400 .right form .btn').click(function(){ |
|||
let name = $('#inputName').val() |
|||
let tel = $('#inputTel').val() |
|||
let content = $('#inputCont').val() |
|||
let re = /^1[3|4|5|6|7|8|9]\d{9}$/; |
|||
if(name == ''){ |
|||
alert('请输入您的姓名') |
|||
return |
|||
} |
|||
if (tel == '') { |
|||
alert("请输入您的号码"); |
|||
return false; |
|||
} else if (!re.test(tel)) { |
|||
alert("请输入正确的号码"); |
|||
return false; |
|||
} |
|||
$.ajax({ |
|||
type: "post", |
|||
url: "Inquiry/save", |
|||
data: { |
|||
contacts_name: name, |
|||
phone: tel, |
|||
content: content, |
|||
referer: window.location.href |
|||
}, |
|||
success: function (res) { |
|||
$('.formTips').stop().fadeIn() |
|||
$('.guanyuBlock7 .w1400 .right form')[0].reset(); |
|||
setTimeout(function() { |
|||
$('.formTips').stop().fadeOut() |
|||
}, 3000); |
|||
}, |
|||
Error: function(res){ |
|||
alert('提交失败，请尝试联系客服') |
|||
} |
|||
}); |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
1299
public/themes/website/4/zh/demo/single_index.html
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,519 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<title>宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
|
|||
<!-- <link rel="stylesheet" crossorigin href="themes/static_new/assets/main-CuaTZJZu.css"> --> |
|||
<!-- <link rel="stylesheet" href="themes/static_new/styles/mobile.css"> --> |
|||
|
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/main-CSwj0TNh.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill-B5Qt9EMX.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/main-BlqV_gP7.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<header class="site-header navbar navbar-expand-md" data-aos="fade"> |
|||
|
|||
<div class="site-header__container"> |
|||
<a class="site-header__logo" href="index.html"> |
|||
<img class="light-logo" src="themes/static_new/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
<img class="dark-logo" src="themes/static_new/assets/images/logo-dark.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<nav class="site-header__nav"> |
|||
<!-- 头部菜单1 --> |
|||
{hcTaglib:nav cid="1" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<a class="site-header__nav-link hover_underline" href="{$vo['href']}">{$vo['title']}</a> |
|||
{/hcTaglib:nav} |
|||
|
|||
<!-- 头部菜单2 --> |
|||
{hcTaglib:nav cid="4" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<a class="site-header__nav-link hover_underline" href="{$vo['href']}">{$vo['title']}</a> |
|||
{/hcTaglib:nav} |
|||
|
|||
<!-- <a class="site-header__nav-link hover_underline" href="index.html">首页</a> --> |
|||
<!-- <a class="site-header__nav-link hover_underline" href="#">产品</a> --> |
|||
<!-- <a class="site-header__nav-link hover_underline" href="#">解决方案</a> --> |
|||
<!-- <a class="site-header__nav-link hover_underline" href="#">经典案例</a> --> |
|||
<!-- <a class="site-header__nav-link hover_underline" href="about/index.html">关于宅极慧</a> --> |
|||
</nav> |
|||
<div class="site-header__actions"> |
|||
<button class="site-header__contact-btn s-btn s-btn--primary" type="button">联系我们</button> |
|||
<button class="site-header__icon-btn glass-card" type="button" aria-label="微信"> |
|||
<svg viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="21.500000" height="21.500000" fill="none" customFrame="#000000"> |
|||
<path id="Vector (Stroke)" |
|||
d="M4.32801 4.09262C2.58444 5.77492 1.5 8.13581 1.5 10.75C1.5 15.8586 5.64137 20 10.75 20C10.8775 20 11.0044 19.9974 11.1307 19.9923C10.9252 19.0807 10.8974 17.8551 11.524 16.6743C12.1761 15.4455 13.5262 14.9122 14.5189 14.6682C15.039 14.5404 15.5208 14.4773 15.8711 14.4459C16.0472 14.4301 16.1923 14.4221 16.2952 14.418C16.3466 14.416 16.3877 14.4149 16.417 14.4144L16.4519 14.4139L16.4604 14.4138C18.1329 14.3964 18.8864 13.8525 19.2863 13.3336C19.6279 12.8904 19.7569 12.4471 19.8877 11.9975C19.9043 11.9403 19.921 11.883 19.9381 11.8256C19.979 11.4727 20 11.1138 20 10.75C20 8.22592 18.989 5.93797 17.3499 4.26898C17.3412 4.30304 17.3323 4.3366 17.3232 4.3696C17.1604 4.96256 16.8975 5.57114 16.6118 6.00475C16.3559 6.39313 15.8595 6.78492 15.4475 7.08094C15.1763 7.27578 14.894 7.4413 14.6379 7.58888C14.607 7.60672 14.5765 7.62428 14.5463 7.6416C14.3183 7.77278 14.1131 7.89077 13.9156 8.02123C13.4838 8.30655 13.1497 8.61363 12.9248 9.07729C12.8461 9.23966 12.8436 9.39808 12.8902 9.56769C12.9648 9.83921 13.0156 10.1446 13.0164 10.456C13.0181 11.105 12.6875 11.6317 12.2626 11.9741C11.8428 12.3125 11.2941 12.506 10.7418 12.5C8.28653 12.4731 6.77692 10.4806 6.57782 8.26448C6.49861 7.38293 6.11212 6.49121 5.62411 5.71185C5.17593 4.9961 4.67094 4.42095 4.32801 4.09262ZM5.49505 3.13662C5.9101 3.55462 6.43084 4.17381 6.89544 4.91579C7.45296 5.80616 7.96374 6.92759 8.0718 8.13025C8.22276 9.81051 9.28489 10.984 10.7582 11C10.9608 11.0023 11.1712 10.9272 11.3214 10.8062C11.4665 10.6893 11.5167 10.5658 11.5164 10.4599C11.516 10.3044 11.4898 10.1325 11.4437 9.96483C11.3226 9.52357 11.3053 8.97925 11.5752 8.42271C11.9602 7.62891 12.5308 7.13838 13.0888 6.76971C13.3279 6.61171 13.576 6.46918 13.7998 6.34055C13.83 6.32322 13.8597 6.30613 13.8889 6.2893C14.1441 6.14218 14.3682 6.00939 14.5722 5.86277C15.0033 5.55305 15.276 5.30581 15.3592 5.17947C15.5417 4.90255 15.7469 4.44533 15.8767 3.9725C15.9796 3.59787 16.0081 3.31036 15.9985 3.13216C14.5073 2.10281 12.699 1.5 10.75 1.5C8.79814 1.5 6.98748 2.10455 5.49505 3.13662ZM21.4292 11.9903C21.476 11.5833 21.5 11.1695 21.5 10.75C21.5 4.81294 16.6871 0 10.75 0C4.81294 0 0 4.81294 0 10.75C0 16.6871 4.81294 21.5 10.75 21.5C16.2104 21.5 20.7199 17.4289 21.4088 12.1564C21.4271 12.0929 21.4429 12.04 21.4571 12.0001L21.4292 11.9903ZM18.6547 15.5566C18.0591 15.7749 17.3412 15.9047 16.4761 15.9138L16.4682 15.9138L16.4682 15.9138L16.4656 15.9138L16.445 15.9141C16.4255 15.9145 16.3949 15.9152 16.3544 15.9168C16.2733 15.9201 16.1534 15.9266 16.0052 15.9399C15.7071 15.9666 15.3037 16.02 14.8769 16.1249C13.9757 16.3464 13.185 16.7442 12.849 17.3774C12.3935 18.2357 12.4585 19.1696 12.6284 19.8092C15.1774 19.2834 17.3431 17.7089 18.6547 15.5566Z" |
|||
fill-rule="evenodd" /> |
|||
</svg> |
|||
</button> |
|||
<button class="site-header__icon-btn search-btn" type="button" aria-label="搜索"> |
|||
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="20.000000" height="20.000000" fill="none" customFrame="#000000"> |
|||
<path id="Vector" |
|||
d="M9.53488 1.39535C5.03954 1.39535 1.39535 5.03954 1.39535 9.53488C1.39535 14.0302 5.03954 17.6744 9.53488 17.6744C14.0302 17.6744 17.6744 14.0302 17.6744 9.53488C17.6744 5.03954 14.0302 1.39535 9.53488 1.39535ZM0 9.53488C0 4.26891 4.26891 0 9.53488 0C14.8009 0 19.0698 4.26891 19.0698 9.53488C19.0698 11.9168 18.1964 14.0946 16.7524 15.7658L19.7957 18.809C20.0681 19.0815 20.0681 19.5232 19.7957 19.7957C19.5232 20.0681 19.0815 20.0681 18.809 19.7957L15.7658 16.7524C14.0946 18.1964 11.9168 19.0698 9.53488 19.0698C4.26891 19.0698 0 14.8009 0 9.53488Z" |
|||
fill-rule="evenodd" /> |
|||
</svg> |
|||
</button> |
|||
<button class="site-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="打开导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<section class="banner-section"> |
|||
<div class="banner-section__swiper swiper" aria-label="Banner 轮播"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<div class="banner-section__content"> |
|||
<h1 class="banner-section__title" data-aos="fade"> |
|||
全场景智能生态<br> |
|||
解决方案服务商 |
|||
</h1> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="banner-section__content"> |
|||
<h1 class="banner-section__title" data-aos="fade"> |
|||
全场景智能生态<br> |
|||
解决方案服务商 |
|||
</h1> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="banner-section__scroll-tip" aria-label="滚动提示与播放控制"> |
|||
<span class="banner-section__scroll-text">Scroll to explore</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAACIklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjRoD9/5M1vDfFVPNtfp/U5r/jkW/+aZ0N/8Yib39uK7+KBzO5Y9DKv8oRbb+UK9FcPfvDx1ZzjPFOX/irgrW1/9Ss8+baP4QrEc/mLR9z83lZ8F/i7X/5Jt70PVyCey1884ub3tuK7wN/98k+67X24AvFc/uIRN7+3Fd8F/u6Xf9Jt78MViOfyF4+4+b2t+C7wd7/8k257H65APJe/eMTN723Fd4G/++WfdNv7cAXiufzFI25+byu+C/zdL/+k296HKxDP5S8ecfN7W/Fd4O9++Sfd9j5cgXguf/GIm9/biu8Cf/fLP+m29+EKxHP5i0fc/N5WfBf4u1/+Sbe9D1cgnunPH/mgnwJeGrwFOg0+AJ0DGEOvI57pLx51y0fb+iqem/ntl3/yM15HPMCfP+JBv4V4be5ndseil3mVJ9x6q3iAv3r0gx/cmv8KcRzA8se8whNv+2oA8Vz+4lG3fLStr8L89ss/+RmvwxWI5+PPH3nLd40Rn/MqT7j1Vq5AvGj4R6kCikSGQF07AAAAAElFTkSuQmCC" alt="向下滚动"> |
|||
<button class="glass-card banner-section__pause-btn" type="button" aria-label="暂停轮播"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAABC0lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMomwbQJJ4PmwbQLYNIEk8H7YNINsGkCSeD9sGkG0DSBLPh20DyLYBJInnw7YBZNsAksTzYdsAsm0ASeL5sG0A2TaAJPF82DaAbBtAkng+bBtAtg0gSTwftg0g2waQJJ4P2waQbQNIEs+HbQP8I+bOX91663yaAAAAAElFTkSuQmCC" alt="暂停"> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="section-1" data-header-dark> |
|||
<div class="section-1__container"> |
|||
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vov"} |
|||
<div class="section-1__left"> |
|||
<p class="section-1__tag">{$vov.sub_title}</p> |
|||
<h2 class="section-1__title">{$vov.description}</h2> |
|||
<p class="section-1__desc"> |
|||
{$vov.main_content.content_desc} |
|||
</p> |
|||
|
|||
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<div class="section-1__metrics row"> |
|||
<div class="section-1__metric-item col-4"> |
|||
<p class="section-1__metric-value"><span>{$vo.sub_title}</span>{$vo.description}</p> |
|||
<p class="section-1__metric-label">{$vo.title}</p> |
|||
</div> |
|||
<!-- <div class="section-1__metric-item col-4"> --> |
|||
<!-- <p class="section-1__metric-value"><span>50000</span>+</p> --> |
|||
<!-- <p class="section-1__metric-label">智能化设计</p> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="section-1__metric-item col-4"> --> |
|||
<!-- <p class="section-1__metric-value"><span>123</span>级城市</p> --> |
|||
<!-- <p class="section-1__metric-label">落地化项目区域分布</p> --> |
|||
<!-- </div> --> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="section-1__more-btn s-btn s-btn--ghost" type="button"> |
|||
<span>探索更多</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow"> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<div class="section-1__right"> |
|||
<img src="{$vov['thumbnail']['url']|default=''}" alt="智慧科技城市场景图"> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="section-2" data-header-dark> |
|||
<div class="section-2__container"> |
|||
{hcTaglib:category id="252" item="vo" field="*"} |
|||
<!-- 副标题 --> |
|||
<p class="section-2__tag">{$vo.sub_title}</p> |
|||
<!-- 简介 --> |
|||
<h2 class="section-2__title">{$vo.desc}</h2> |
|||
{/hcTaglib:category} |
|||
|
|||
<div class="section-2__slider-wrap"> |
|||
<button class="section-2__nav-btn section-2__nav-btn--prev" type="button" aria-label="上一项"> |
|||
<img src="data:image/png;base64,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" alt="上一项"> |
|||
</button> |
|||
<div class="section-2__cards"> |
|||
<!-- 首页--我们的产品 --> |
|||
{php} |
|||
$iTmp = 0; |
|||
{/php} |
|||
{hcTaglib:contentPage cid="252" mainField="*" subField="*" name="hc_content" limit="4" item="vo" sort="sort asc"} |
|||
{php} |
|||
// $intro_img = []; |
|||
// $intro_img[0] = ''; |
|||
// $intro_img[1] = ''; |
|||
// $main_content_arr = $vo['main_content']['intro_img'] ?? []; |
|||
// foreach ($main_content_arr as $key => $vo22) { |
|||
// $intro_img[$key] = $vo22['url'] ?? ''; |
|||
// } |
|||
$active_img = $vo['main_content']['active_img']['url'] ?? ''; |
|||
$unactive_img = $vo['main_content']['unactive_img']['url'] ?? ''; |
|||
$cover_url = $vo['cover']['url'] ?? ''; |
|||
// 控制样式 |
|||
$classNameTmp = 'section-2__card section-2__card--expanded'; |
|||
if($iTmp > 0){ |
|||
$classNameTmp = 'section-2__card'; |
|||
} |
|||
$iTmp++; |
|||
{/php} |
|||
<article class="{$classNameTmp}"> |
|||
<div class="section-2__card-content"> |
|||
<div class="section-2__icon-wrap"> |
|||
<!-- 未激活 --> |
|||
<img src="{$unactive_img}" alt="智能家居系统图标" data-default> |
|||
<!-- 激活 --> |
|||
<img src="{$active_img}" alt="智能家居系统图标" data-active> |
|||
</div> |
|||
<!-- 标题 --> |
|||
<h3 class="section-2__card-title">{$vo.title}</h3> |
|||
<!-- 描述 --> |
|||
<p class="section-2__card-desc">{$vo.description}</p> |
|||
</div> |
|||
<img class="section-2__bg-image" src="{$cover_url}" alt="智能家居系统"> |
|||
<button class="section-2__card-arrow glass-card" type="button" aria-label="查看智能家居系统"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="查看详情"> |
|||
</button> |
|||
<button class="section-2__plus-btn" type="button" aria-label="查看酒店客控管理系统"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABoElEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMovgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhv78kQ8y/37ozx/5IPPvh/gX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLxj8CKfREM/WrU+QAAAAASUVORK5CYII=" alt="+"> |
|||
</button> |
|||
</article> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
</div> |
|||
<button class="section-2__nav-btn section-2__nav-btn--next" type="button" aria-label="下一项"> |
|||
<img src="data:image/png;base64,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" alt="下一项"> |
|||
</button> |
|||
</div> |
|||
<button class="section-2__more-btn s-btn s-btn--ghost" type="button"> |
|||
<span>更多智能产品</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow"> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
<section class="section-3"> |
|||
<div class="section-3__container"> |
|||
<!-- 我们的客户 感谢每一位客户支持 --> |
|||
{hcTaglib:category id="47" item="vo" field="*"} |
|||
<div data-aos="fade-up"> |
|||
<p class="section-3__tag">{$vo.title}</p> |
|||
<h2 class="section-3__title">{$vo.sub_title}</h2> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
|
|||
<ul class="section-3__logo-list" data-aos="fade-up" data-aos-delay="200"> |
|||
<!-- 我们的客户 感谢每一位客户支持 --> |
|||
{hcTaglib:content cid="47" moduleId="1" name="contentList" item="case_top" limit="15" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li class="section-3__logo-item"><img |
|||
src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top.title}"></li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<button data-aos="fade-up" data-aos-delay="400" class="section-3__more-btn s-btn glass-card" type="button" |
|||
style="margin:0 auto;"> |
|||
<span>探索更多</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow"> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
<section class="section-4" data-header-dark> |
|||
<div class="section-4__container"> |
|||
|
|||
<!-- 经典案例 轮播图--> |
|||
<div class="section-4__arc"> |
|||
{hcTaglib:contentPage cid="254" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<div class="section-4__arc-card" style="--i: '{$key}';"> |
|||
<img src="{$vo.cover.url|default=''}" alt="{$vo.title}"> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
|
|||
<!-- 经典案例--START --> |
|||
{hcTaglib:category id="253" item="vo" field="*"} |
|||
<div class="section-4__core"> |
|||
<img src="{$vo.banner.url}" alt="{$vo.sub_title}" class="section-4__core-img"> |
|||
<p class="section-4__core-tag">{$vo.sub_title}</p> |
|||
<h2 class="section-4__core-title">{$vo.description}</h2> |
|||
</div> |
|||
<p class="section-4__desc"> |
|||
{$vo.desc} |
|||
</p> |
|||
{/hcTaglib:category} |
|||
<!-- 经典案例--END --> |
|||
|
|||
<!-- 经典案例下方两个展示块--START --> |
|||
<div class="section-4__bottom-cards"> |
|||
{hcTaglib:contentPage cid="255" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
|
|||
{php} |
|||
//var_dump($vo->toArray()); exit; |
|||
{/php} |
|||
<article class="section-4__bottom-card"> |
|||
<img class="section-4__bottom-image" src="{$vo.cover.url|default=''}" alt="{$vo.title}"> |
|||
<div class="section-4__bottom-content"> |
|||
<h3>{$vo.title}</h3> |
|||
<p>{$vo.description}</p> |
|||
<button class="section-4__bottom-btn s-btn s-btn--ghost" type="button"> |
|||
<span>更多案例</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow"> |
|||
</button> |
|||
</div> |
|||
</article> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
<!-- 经典案例下方两个展示块--END --> |
|||
|
|||
</div> |
|||
</section> |
|||
<footer class="site-footer"> |
|||
<div class="site-footer__top"> |
|||
<!-- 公司地址以及联系方式--底部左侧--START --> |
|||
<div class="site-footer__left"> |
|||
<a class="site-footer__logo" href="index.html"> |
|||
<img src="themes/static_new/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<ul class="site-footer__contact-list"> |
|||
<li class="site-footer__contact-item"> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/assets/images/location.png" alt="地址"> |
|||
<span>广州市海珠区琶洲会展东商务中心212室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/assets/images/phone.png" alt="电话"> |
|||
<span>+86-18816821013</span> |
|||
</p> |
|||
</li> |
|||
<li class="site-footer__contact-item"> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/assets/images/location.png" alt="地址"> |
|||
<span>九龙太子道东704号新时代工贸商业中心28楼6室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/static_new/assets/images/phone.png" alt="电话"> |
|||
<span>+852-94509798</span> |
|||
</p> |
|||
</li> |
|||
</ul> |
|||
<div class="site-footer__qr-group"> |
|||
<div class="site-footer__qr-item"> |
|||
{hcTaglib:content cid="52" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="site-footer__qr-box glass-card"><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top['title']}"></div> |
|||
<p>{$case_top['title']}</p> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
|
|||
<div class="site-footer__qr-item"> |
|||
{hcTaglib:content cid="53" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="site-footer__qr-box glass-card"><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top['title']}"></div> |
|||
<p>{$case_top['title']}</p> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 公司地址以及联系方式--底部左侧--END --> |
|||
|
|||
<!-- 产品中心--START --> |
|||
<div class="site-footer__right"> |
|||
<div class="site-footer__nav-col"> |
|||
{hcTaglib:category id="38" item="one" field="*"} |
|||
<!-- <h4>产品中心</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="38" name="hc_content" item="vo" sort="sort asc"} |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<!-- 产品中心--END --> |
|||
|
|||
<!-- 经典案例--START --> |
|||
<div class="site-footer__nav-col"> |
|||
{hcTaglib:category id="256" item="one" field="*"} |
|||
<!-- <h4>经典案例</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="256" name="hc_content" item="vo" sort="sort asc"} |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
<!-- <h4>经典案例</h4> --> |
|||
<!-- <a href="#">智能家居</a> --> |
|||
<!-- <a href="#">智慧酒店</a> --> |
|||
<!-- <a href="#">智慧商建</a> --> |
|||
<!-- <a href="#">智能照明</a> --> |
|||
</div> |
|||
<!-- 经典案例--END --> |
|||
|
|||
<!-- 关于宅极慧--START --> |
|||
<div class="site-footer__nav-col"> |
|||
{hcTaglib:category id="42" item="one" field="*"} |
|||
<!-- <h4>关于宅极慧</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="42" name="hc_content" item="vo" sort="sort asc"} |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
<!-- <h4>关于宅极慧</h4> --> |
|||
<!-- <a href="about/index.html">宅极慧iHM</a> --> |
|||
<!-- <a href="#">企业文化</a> --> |
|||
<!-- <a href="#">发展历史</a> --> |
|||
<!-- <a href="#">荣誉资质</a> --> |
|||
<!-- <a href="#">加入我们</a> --> |
|||
<!-- <a href="#">联系我们</a> --> |
|||
</div> |
|||
<!-- 关于宅极慧--END --> |
|||
|
|||
<!-- 社交媒体--底部右侧--START --> |
|||
<div class="site-footer__nav-col site-footer__nav-col--social"> |
|||
<h4>社交媒体</h4> |
|||
<div class="site-footer__social-list"> |
|||
<a href="#" aria-label="抖音" class="glass-card"><img src="themes/static_new/assets/images/douyin.png" alt="抖音"></a> |
|||
<a href="#" aria-label="小红书" class="glass-card"><img src="themes/static_new/assets/images/redbook.png" alt="小红书"></a> |
|||
<a href="#" aria-label="X" class="glass-card"><img src="themes/static_new/assets/images/x.png" alt="X"></a> |
|||
</div> |
|||
</div> |
|||
<!-- 社交媒体--底部右侧--END --> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 底部Copyright--START --> |
|||
<div class="site-footer__bottom"> |
|||
<p>Copyright © 2026 广州宅极慧智能家居有限公司 粤ICP备2025453783号</p> |
|||
<p>Technical Support: SUQ</p> |
|||
</div> |
|||
<!-- 底部Copyright--END --> |
|||
|
|||
</footer> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="#">智能家居系统</a> |
|||
<a href="#">酒店客控管理系统</a> |
|||
<a href="#">照明与灯控系统</a> |
|||
<a href="#">智慧医养解决方案</a> |
|||
<a href="#">美的中央空调案例</a> |
|||
<a href="#">绿色能源</a> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="about/index.html">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src=https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,236 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/index.css"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="indexBanner"> |
|||
<div class="swiper indexBannerSwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="43" moduleId="1" name="contentList" item="case_top" limit="10" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="img"> |
|||
<video src="{$case_top.main_content.file.url|default=''}" id="bannerVideo" loop="loop" autoplay="autoplay" muted="muted" x-webkit-airplay="true" airplay="allow" webkit-playsinline="true" playsinline="true" x5-playsinline="true" x5-video-player-type="h5"> |
|||
|
|||
</video> |
|||
<img src="{$case_top['thumbnail']['url']|default=''}" alt="智能家居系统集成方案"> |
|||
</div> |
|||
<div class="w1400"> |
|||
<div class="tit" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$case_top['title']}</p> |
|||
<p>{$case_top['sub_title']}</p> |
|||
</div> |
|||
<div class="tips" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
{:nl2br($case_top['description'])} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="w1400 menu"> |
|||
<div class="swiper-pagination"></div> |
|||
<div class="bottom"> |
|||
<div class="left"> |
|||
<div class="mouse"> |
|||
<span></span> |
|||
</div> |
|||
SLIDE DOWN |
|||
</div> |
|||
<div class="right"> |
|||
<div class="swiper-button-prev"></div> |
|||
<div class="swiper-button-next"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 关于关于宅极慧iHM --> |
|||
<div class="indexBlock"> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vov"} |
|||
<div class="left" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<div class="title"> |
|||
<p>{$vov.sub_title}</p> |
|||
<div class="tips">{$vov.description}</div> |
|||
</div> |
|||
<div class="cont"> |
|||
{$vov.main_content.content_desc} |
|||
</div> |
|||
<ul class="numCount"> |
|||
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<li> |
|||
<p>{$vo.title}</p> |
|||
<div> |
|||
<span class="numCX" data-startVal="0" data-endVal="{$vo.sub_title}" data-speed="1.2" data-decimals="0" id="mumC{$vo.id}">{$vo.sub_title}</span> |
|||
{$vo.description} |
|||
</div> |
|||
</li> |
|||
{/hcTaglib:contentPage} |
|||
</ul> |
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn"> |
|||
了解更多 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="right" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<img src="{$vov['thumbnail']['url']|default=''}" alt="全屋智能家居系统"> |
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn"> |
|||
了解更多 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<!-- 合作伙伴 --> |
|||
<div class="indexBlock2"> |
|||
{hcTaglib:category id="38" item="vo" field="*"} |
|||
<div class="title" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.sub_title}</p> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="text">{$vo.desc}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
<div class="swiper indexBlock2Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:subcategory pid="38" item="vo" sort=""} |
|||
<div class="swiper-slide"> |
|||
<div class="list"> |
|||
<a href="{$vo.alias}" class="img"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="宅极慧iHM"> |
|||
<div class="bg"> |
|||
<img src="/themes/static/images/indexBlock2Bg.png" alt=""> |
|||
</div> |
|||
<div class="logo">{$vo.content|raw}</div> |
|||
</a> |
|||
<div class="text"> |
|||
<a href="{$vo.alias}" class="tit">{$vo.title}</a> |
|||
<p>{$vo.description}</p> |
|||
<a href="{$vo.alias}" class="btn">了解更多<img src="/themes/static/images/more.png" alt=""><img src="/themes/static/images/more-red.png" alt=""></a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<div class="swiper-pagination"></div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right2.png" alt=""></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left2.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<!-- 我们的客户 --> |
|||
<div class="indexBlock3"> |
|||
{hcTaglib:category id="47" item="vo" field="*"} |
|||
<div class="title" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
<ul> |
|||
{hcTaglib:content cid="47" moduleId="1" name="contentList" item="case_top" limit="15" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top.title}"></li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
{hcTaglib:category id="84" item="vo" field="*"} |
|||
<a class="moreBtn" href="{$vo.alias}"> |
|||
了解更多<img src="/themes/static/images/right.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- 应用场景 --> |
|||
<div class="indexBlock4"> |
|||
{hcTaglib:category id="39" item="vo" field="*"} |
|||
<div class="title" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
<div class="swiper indexBlock4Swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:subcategory pid="39" name="hc_content" item="vo" sort="sort asc"} |
|||
{hcTaglib:content cid="$vo.id" moduleId='7' mainField="*" subField="*" name="case_top" item="vvo"} |
|||
<div class="swiper-slide"> |
|||
<div class="time">{$vvo.main_content.time_slot}</div> |
|||
<div class="ico" data-url="{$vvo.main_content.video.url|default=''}"> |
|||
<img src="{$vvo['main_content']['ico']['url']}" alt="智能家居系统集成方案"> |
|||
<img src="/themes/static/images/indexBlock4Ico5.png" alt=""> |
|||
</div> |
|||
<div class="img" data-url="{$vvo.main_content.video.url|default=''}"> |
|||
<img src="{$vvo['thumbnail']['url']}" alt="智能家居系统集成方案"> |
|||
<a href="javascript:;" class="play"> |
|||
<img src="/themes/static/images/indexBlock4Ico5.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<div class="text"> |
|||
<a href="{$vo.alias}" class="tit">{$vvo.title}</a> |
|||
<div class="tips">{$vvo.description}</div> |
|||
<a href="{$vo.alias}" class="btn">了解更多<img src="/themes/static/images/more.png" alt=""><img src="/themes/static/images/more-red.png" alt=""></a> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="swiper-button-next"><img src="/themes/static/images/right2.png" alt=""></div> |
|||
<div class="swiper-button-prev"><img src="/themes/static/images/left2.png" alt=""></div> |
|||
</div> |
|||
</div> |
|||
<!-- 视频弹窗 --> |
|||
<div class="videoWindow"> |
|||
<div class="content"> |
|||
<div class="close"><img src="/themes/static/images/button_close.png" alt=""></div> |
|||
<video src="" poster="" alt="" id="media" controls="controls"></video> |
|||
</div> |
|||
</div> |
|||
<!-- 用户服务 --> |
|||
<div class="indexBlock5"> |
|||
{hcTaglib:category id="49" item="vo" field="*"} |
|||
<div class="title" aos="fade-up" aos-anchor-placement="top-bottom"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
<div class="w1400" aos="fade-up" aos-anchor-placement="top-bottom" aos-delay="200"> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="49" moduleId="1" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="list"> |
|||
<div class="img"><img src="{$case_top['thumbnail']['url']|default=''}" alt="全屋智能家居系统"></div> |
|||
<p>{$case_top.title}</p> |
|||
<div class="num">{$case_top.sub_title}</div> |
|||
</div> |
|||
<div class="line"></div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
{hcTaglib:category id="41" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn"> |
|||
立即在线估价 |
|||
<img src="/themes/static/images/more.png" alt=""> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script src="/themes/static/js/count.js"></script> |
|||
<script src="/themes/static/js/index.js"></script> |
|||
</body> |
|||
</html> |
|||
@ -1,225 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/jiage.css?version=1.01"> |
|||
</head> |
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="jiageBlock"> |
|||
{hcTaglib:category id="41" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
<div class="w1400"> |
|||
<div class="win"> |
|||
{hcTaglib:category id="63" item="vo" field="*"} |
|||
<div class="titFirst">{$vo.sub_title}</div> |
|||
<div class="big">{$vo.title}</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="moreBtn"> |
|||
开始估算价格 |
|||
<img src="/themes/static/images/more2.png" alt=""> |
|||
</a> |
|||
</div> |
|||
<div class="win2"> |
|||
{hcTaglib:category id="64" item="vo" field="*"} |
|||
<div class="tit"><span>1</span>{$vo.title}？*</div> |
|||
{/hcTaglib:category} |
|||
<div class="content"> |
|||
{hcTaglib:content cid="64" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list" data-price="{$vo.description}"> |
|||
<div class="img"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
</div> |
|||
<p> |
|||
<span>{$vo.sub_title}</span> |
|||
{$vo.title} |
|||
</p> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win3"> |
|||
{hcTaglib:category id="65" item="vo" field="*"} |
|||
<div class="tit"><span>2</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="65" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win4"> |
|||
{hcTaglib:category id="66" item="vo" field="*"} |
|||
<div class="tit"><span>3</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="66" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win5"> |
|||
{hcTaglib:category id="67" item="vo" field="*"} |
|||
<div class="tit"><span>4</span>{$vo.title}？*</div> |
|||
{/hcTaglib:category} |
|||
<div class="content"> |
|||
{hcTaglib:content cid="67" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="pick"> |
|||
{hcTaglib:content cid="68" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<a href="javascript:;" data-price="{$vvo.sub_title}">{$vvo.title}<img src="/themes/static/images/true2.png" alt=""></a> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win6"> |
|||
{hcTaglib:category id="69" item="vo" field="*"} |
|||
<div class="tit"><span>5</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="69" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win7"> |
|||
{hcTaglib:category id="70" item="vo" field="*"} |
|||
<div class="tit"><span>6</span>{$vo.title}？*</div> |
|||
<div class="tips">{$vo.description}</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="70" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win8"> |
|||
{hcTaglib:category id="71" item="vo" field="*"} |
|||
<div class="tit"><span>7</span>{$vo.title}？*</div> |
|||
<div class="content"> |
|||
{hcTaglib:content cid="71" moduleId='1' mainField="*" subField="*" name="case_top" item="vvo" sort="sort asc"} |
|||
<img src="{$vvo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<input type="number" class="switch" placeholder="{$vo.desc}" data-price="{$vo.sub_title}"> |
|||
{/hcTaglib:category} |
|||
<a href="javascript:;" class="true">OK<img src="/themes/static/images/true.png" alt=""></a> |
|||
</div> |
|||
<div class="win9"> |
|||
<div class="tit"><span>8</span>差不多了！请提供您的联系方式 *</div> |
|||
<form action="" id="form"> |
|||
<input type="text" id="formName" placeholder="请输入您的姓名"> |
|||
<input type="text" id="formWechat" placeholder="请输入你的微信号或WhatsApp”"> |
|||
<input type="text" id="formTel" placeholder="请输入您的电话"> |
|||
<a href="javascript:;" class="submit">Submit</a> |
|||
</form> |
|||
</div> |
|||
<div class="win10"> |
|||
<div class="content"> |
|||
<div class="tit"> |
|||
根据您的需求<br>您的智能家居预算预估 |
|||
</div> |
|||
<div class="price"> |
|||
<span></span>元 |
|||
</div> |
|||
<div class="tips"> |
|||
感谢您完成智能家居预估配置<br>我们将会有专业的团队与您联系<br>与您一同打造您理想中的智能家居 |
|||
</div> |
|||
{hcTaglib:category id="84" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="moreBtn">查看案例<img src="/themes/static/images/more2.png" alt=""></a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 提示框 --> |
|||
<div class="blackBg"> |
|||
<div class="tips"> |
|||
<p>提示框</p> |
|||
<div class="text"></div> |
|||
<a href="javascript:;" class="close">确定</a> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
<script src="/themes/static/js/jiage.js"></script> |
|||
|
|||
</body> |
|||
</html> |
|||
@ -1,142 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/jishu.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- banner --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="89" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<!-- 正文 --> |
|||
<div class="jishuBlock" id="block1"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="90" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="w1400"> |
|||
{hcTaglib:content cid="90" moduleId='1' mainField="*" subField="*" name="case_top" item="vo"} |
|||
<div class="list"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
<div class="border"></div> |
|||
<div class="text">{$vo.title}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
<div class="jishuBlock2" id="block2"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="91" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="content"> |
|||
<div class="swiper mySwiper"> |
|||
<div class="swiper-wrapper"> |
|||
{hcTaglib:content cid="91" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<div class="list"> |
|||
<img src="{$vo['cover']['url']|default=''}" alt=""> |
|||
<div class="tit"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
<div class="posi"> |
|||
<div class="img"><img src="{$vo['thumbnail']['url']|default=''}" alt=""></div> |
|||
<div class="tit">{$vo.title}</div> |
|||
<span></span> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="swiper-pagination"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="jishuBlock3" id="block3"> |
|||
<div class="title3"> |
|||
{hcTaglib:category id="92" item="vo" field="*"} |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="content"> |
|||
<div class="left"> |
|||
{hcTaglib:content cid="92" moduleId='1' mainField="*" subField="*" name="case_top" item="vo" sort="sort asc"} |
|||
<div class="list"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips">{$vo.description}</div> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
<div class="right"> |
|||
{hcTaglib:category id="92" item="vo" field="*"} |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt=""> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script src="/themes/static/js/swiper-bundle.min.js"></script> |
|||
<script> |
|||
var swiper = new Swiper(".mySwiper", { |
|||
slidesPerView: 1, |
|||
spaceBetween: 20, |
|||
pagination: { |
|||
el: ".swiper-pagination", |
|||
}, |
|||
breakpoints:{ |
|||
750:{ |
|||
slidesPerView: 2, |
|||
spaceBetween: 30 |
|||
}, |
|||
1280:{ |
|||
slidesPerView: 3, |
|||
spaceBetween: 40 |
|||
}, |
|||
1560:{ |
|||
slidesPerView: 5, |
|||
spaceBetween: 0 |
|||
} |
|||
} |
|||
}); |
|||
|
|||
$('.jishuBlock2 .content .list').hover(function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).addClass('on') |
|||
return |
|||
} |
|||
},function(){ |
|||
if($(window).width() > 996 ){ |
|||
$(this).removeClass('on') |
|||
return |
|||
} |
|||
|
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,94 +1,297 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/css/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="/themes/static/scss/search.css"> |
|||
<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/search.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/faq.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/video.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/search.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<div class="searchBlock"> |
|||
<div class="w1400"> |
|||
<div class="tit"> |
|||
搜索结果 |
|||
</div> |
|||
<ul> |
|||
<li class="{$type==0 ? 'on' : ''}"><a href="javascript:;">全部结果</a></li> |
|||
<li class="{$type==1 ? 'on' : ''}"><a href="javascript:;">产品结果</a></li> |
|||
<li class="{$type==2 ? 'on' : ''}"><a href="javascript:;">新闻结果</a></li> |
|||
</ul> |
|||
<div class="content"> |
|||
{volist name="list" id="vo"} |
|||
<?php |
|||
$categoryIdArr = explode('-',$vo['category'][0]['path']); |
|||
$parentId = $categoryIdArr[1]; |
|||
?> |
|||
{if $parentId == 38 } |
|||
<a href="{$vo.url|default='javascript:;'}" target="_blank" class="list"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips"> |
|||
{$vo.description} |
|||
</div> |
|||
<span>了解更多<img src="/themes/static/images/more-red.png" alt=""></span> |
|||
</a> |
|||
{else /} |
|||
<a href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}" target="_blank" class="list"> |
|||
<p>{$vo.title}</p> |
|||
<div class="tips"> |
|||
{$vo.description} |
|||
</div> |
|||
<span>了解更多<img src="/themes/static/images/more-red.png" alt=""></span> |
|||
</a> |
|||
{/if} |
|||
|
|||
{/volist} |
|||
</div> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-search" data-header-dark> |
|||
<div class="sr-page section__wrap"> |
|||
<div class="sr-hero"> |
|||
<h1 class="sr-hero__title">搜索</h1> |
|||
<form class="s-search sr-search" action="{:getMuiLangUrl('/search.html')}" method="get" role="search"> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="q" value="{$keywords}" placeholder="请输入您想了解的内容" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">搜索</button> |
|||
</form> |
|||
<div class="sr-hot"> |
|||
<span class="sr-hot__label">热门搜索：</span> |
|||
<div class="sr-hot__list"> |
|||
{php}$ui_search_hot = uiId('search_hot');{/php} |
|||
{hcTaglib:category id="$ui_search_hot" item="vo" field="id,title,description"} |
|||
{php} |
|||
$description = $vo['description'] ?? ''; |
|||
$descriptionArr = []; |
|||
if(!empty($description)){ |
|||
$descriptionArr = explode(',',$description); |
|||
} |
|||
{/php} |
|||
{/hcTaglib:category} |
|||
|
|||
{volist name="descriptionArr" id="one"} |
|||
<button type="button" class="sr-hot__tag" data-keyword="{$one}">{$one}</button> |
|||
{/volist} |
|||
|
|||
</div> |
|||
</div> |
|||
{$list_page|raw} |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<!-- 当前页 --> |
|||
<script> |
|||
function getUrlParam(name) { |
|||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 |
|||
var r = window.location.search.substr(1).match(reg); //匹配目标参数 |
|||
if (r != null) return decodeURI(r[2]); return null; //返回参数值 |
|||
</div> |
|||
|
|||
{php} |
|||
$sr_type_cur = $sr_type ?? 'all'; |
|||
$sr_q = $keywords ?? ''; |
|||
$sr_counts = $sr_counts ?? ['all' => 0, 'product' => 0, 'news' => 0, 'faq' => 0, 'other' => 0]; |
|||
$sr_tabs = []; |
|||
foreach (['all', 'product', 'news', 'faq', 'other'] as $tabType) { |
|||
$query = ['type' => $tabType]; |
|||
if ($sr_q !== '') { |
|||
$query['q'] = $sr_q; |
|||
} |
|||
$sr_tabs[$tabType] = getMuiLangUrl('/search.html?' . http_build_query($query)); |
|||
} |
|||
let baseUrl = '/{:request()->pathinfo()}?'; |
|||
$('.searchBlock .w1400 ul li a').click(function(){ |
|||
let quest = getUrlParam('q') |
|||
window.location.href = baseUrl + 'q=' + quest + '&type=' + $(this).parent().index() |
|||
}) |
|||
$('.pagination li').each(function(){ |
|||
if($(this).children().html() == '«'){ |
|||
$(this).children('a').html('<') |
|||
$(this).children('span').html('<') |
|||
} |
|||
if($(this).children().html() == '»'){ |
|||
$(this).children('a').html('>') |
|||
$(this).children('span').html('>') |
|||
} |
|||
}) |
|||
$(document).ready(function(){ |
|||
let thisOn = getUrlParam('type') |
|||
$('.searchBlock .w1400 ul li').removeClass('on') |
|||
if(thisOn == '1'){ |
|||
$('.searchBlock .w1400 ul li').eq(1).addClass('on') |
|||
}else if(thisOn == '2'){ |
|||
$('.searchBlock .w1400 ul li').eq(2).addClass('on') |
|||
}else{ |
|||
$('.searchBlock .w1400 ul li').eq(0).addClass('on') |
|||
{/php} |
|||
<div class="sr-tabs" role="tablist" aria-label="结果分类"> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='all'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='all'}true{else /}false{/if}" |
|||
href="{$sr_tabs.all}"> |
|||
全部 ( <span data-count="all">{$sr_counts.all}</span> ) |
|||
</a> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='product'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='product'}true{else /}false{/if}" |
|||
href="{$sr_tabs.product}"> |
|||
产品 ( <span data-count="product">{$sr_counts.product}</span> ) |
|||
</a> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='news'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='news'}true{else /}false{/if}" |
|||
href="{$sr_tabs.news}"> |
|||
新闻 ( <span data-count="news">{$sr_counts.news}</span> ) |
|||
</a> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='faq'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='faq'}true{else /}false{/if}" |
|||
href="{$sr_tabs.faq}"> |
|||
常见问题 ( <span data-count="faq">{$sr_counts.faq}</span> ) |
|||
</a> |
|||
<a class="sr-tabs__item {if $sr_type_cur=='other'}is-active{/if}" role="tab" aria-selected="{if $sr_type_cur=='other'}true{else /}false{/if}" |
|||
href="{$sr_tabs.other}"> |
|||
其他 ( <span data-count="other">{$sr_counts.other}</span> ) |
|||
</a> |
|||
</div> |
|||
|
|||
<div class="sr-list"> |
|||
{volist name="list" id="vo"} |
|||
{php} |
|||
$sr_kind = $vo['sr_kind'] ?? 'content'; |
|||
$sr_date = $vo['sr_date'] ?? ''; |
|||
if ($sr_date === '') { |
|||
$sr_time = $vo['publish_time'] ?? ($vo['create_time'] ?? ''); |
|||
if ($sr_time !== '' && $sr_time !== null) { |
|||
if (is_numeric($sr_time)) { |
|||
$sr_date = date('Y-m-d', (int)$sr_time); |
|||
} else { |
|||
$ts = strtotime((string)$sr_time); |
|||
$sr_date = $ts ? date('Y-m-d', $ts) : substr((string)$sr_time, 0, 10); |
|||
} |
|||
} |
|||
}) |
|||
</script> |
|||
} |
|||
$sr_cid = $vo['category_id'] ?? ($vo['category'][0]['id'] ?? 0); |
|||
$sr_thumb = is_array($vo['thumbnail'] ?? null) ? ($vo['thumbnail']['url'] ?? '') : ''; |
|||
$sr_url = hcUrl('detail/index', ['id' => $vo['id'], 'cid' => $sr_cid]); |
|||
$sr_file = $vo['url'] ?? ''; |
|||
$sr_title = $vo['title'] ?? ''; |
|||
$sr_type_name = $vo['sr_tab_name'] ?? '内容'; |
|||
$sr_show_desc = ($sr_kind === 'news' || $sr_kind === 'content'); |
|||
$sr_show_more = ($sr_kind === 'news' || $sr_kind === 'content'); |
|||
{/php} |
|||
<article class="sr-item sr-item--{$sr_kind}" data-keywords="{$sr_title}" data-kind="{$sr_kind}"> |
|||
{if $sr_kind == 'video'} |
|||
<button type="button" class="sr-item__media sr-item__media--video" data-video-src="{$vo.cover.url ?? ''}" aria-label="播放：{$sr_title}"> |
|||
<span class="v-card__media"> |
|||
<img class="v-card__cover" src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
<span class="v-card__play" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2013.5386%2016'%20xmlns='http://www.w3.org/2000/svg'%20width='13.538574'%20height='16.000000'%20fill='none'%3e%3cpath%20d='M8.86093%201.45695L15.1085%2012.0297C15.5024%2012.6963%2015.0219%2013.5384%2014.2476%2013.5384L1.75245%2013.5384C0.978149%2013.5384%200.497614%2012.6963%200.891523%2012.0297L7.13907%201.45695C7.52614%200.801924%208.47387%200.801924%208.86093%201.45695Z'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20transform='matrix(0,1,-1,0,13.5386,0)'%20/%3e%3c/svg%3e" alt="" width="14" height="16" /> |
|||
</span> |
|||
</span> |
|||
</button> |
|||
{elseif $sr_kind == 'download' /} |
|||
<a class="sr-item__media" href="{$sr_file}" target="_blank" rel="noopener" title="预览"> |
|||
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
</a> |
|||
{elseif $sr_kind == 'announce' /} |
|||
<a class="sr-item__media" href="{$sr_file}" target="_blank" rel="noopener"> |
|||
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
</a> |
|||
{else /} |
|||
<a class="sr-item__media" href="{$sr_url}"> |
|||
<img src="{$sr_thumb}" alt="" width="300" height="200" loading="lazy" /> |
|||
</a> |
|||
{/if} |
|||
|
|||
<div class="sr-item__body"> |
|||
<div class="sr-item__main"> |
|||
<div class="sr-item__meta"> |
|||
<span class="sr-item__type">{$sr_type_name}</span> |
|||
<span class="sr-item__sep" aria-hidden="true"></span> |
|||
<time class="sr-item__date" datetime="{$sr_date}">{$sr_date}</time> |
|||
</div> |
|||
|
|||
{if $sr_kind == 'faq'} |
|||
<div class="f-item sr-item__faq"> |
|||
<button type="button" class="f-item__trigger" aria-expanded="false"> |
|||
<span class="f-item__q"> |
|||
<span class="f-item__dot" aria-hidden="true"></span> |
|||
<span class="f-item__title">{$sr_title}</span> |
|||
</span> |
|||
<span class="f-item__icon" aria-hidden="true"></span> |
|||
</button> |
|||
<div class="f-item__panel"> |
|||
<p class="f-item__a"> |
|||
{$vo.content|strip_tags} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
{else /} |
|||
<h2 class="sr-item__title"> |
|||
{if $sr_kind == 'video'} |
|||
{$sr_title} |
|||
{elseif $sr_kind == 'download' /} |
|||
<a href="{$sr_file}" target="_blank" rel="noopener" title="预览">{$sr_title}</a> |
|||
{elseif $sr_kind == 'announce' /} |
|||
<a href="{$sr_file}" target="_blank" rel="noopener">{$sr_title}</a> |
|||
{else /} |
|||
<a href="{$sr_url}">{$sr_title}</a> |
|||
{/if} |
|||
</h2> |
|||
{/if} |
|||
|
|||
{if $sr_show_desc} |
|||
{notempty name="vo.description"} |
|||
<p class="sr-item__desc">{$vo.description}</p> |
|||
{/notempty} |
|||
{/if} |
|||
</div> |
|||
|
|||
{if $sr_kind == 'download'} |
|||
<a class="sr-item__more sr-item__more--download" href="{$sr_file}" download="{$sr_title}"> |
|||
<span>立即下载</span> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20fill='none'%3e%3cpath%20d='M16.667%209.333H22V22H2V9.333h5.333'%20stroke='rgb(46,53,58)'%20stroke-linejoin='round'%20stroke-width='1.5'/%3e%3cpath%20d='M16%2014l-4%204-4-4M12%202v16'%20stroke='rgb(239,67,53)'%20stroke-width='1.5'/%3e%3c/svg%3e" alt="" width="20" height="20" /> |
|||
</a> |
|||
{elseif $sr_kind == 'product' /} |
|||
<a class="sr-item__more sr-item__more--product" href="{$sr_url}"> |
|||
<span>了解产品</span> |
|||
<span class="s-product-card__arrow" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20width='12.252930'%20height='11.313965'%20fill='none'%3e%3cpath%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'/%3e%3c/svg%3e" alt="" width="12" height="11" /> |
|||
</span> |
|||
</a> |
|||
{elseif $sr_kind == 'announce' /} |
|||
<a class="sr-item__more" href="{$sr_file}" target="_blank" rel="noopener"> |
|||
<span>探索更多</span> |
|||
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.501953" height="6.661133" fill="none"> |
|||
<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="rgb(102,102,102)" fill-rule="nonzero" /> |
|||
</svg> |
|||
</a> |
|||
{elseif $sr_show_more /} |
|||
<a class="sr-item__more" href="{$sr_url}"> |
|||
<span>探索更多</span> |
|||
<svg viewBox="0 0 16.502 6.66113" xmlns="http://www.w3.org/2000/svg" width="16.501953" height="6.661133" fill="none"> |
|||
<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="rgb(102,102,102)" fill-rule="nonzero" /> |
|||
</svg> |
|||
</a> |
|||
{/if} |
|||
</div> |
|||
</article> |
|||
{/volist} |
|||
</div> |
|||
|
|||
{php} |
|||
$list_empty = isHcListEmpty($list ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = '未找到相关结果，请尝试其他关键词'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$list_page|raw} |
|||
{/if} |
|||
|
|||
<div class="v-modal" id="v-modal" hidden> |
|||
<div class="v-modal__backdrop" data-v-modal-close></div> |
|||
<div class="v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="v-modal-title"> |
|||
<div class="v-modal__head"> |
|||
<h2 class="v-modal__title" id="v-modal-title">视频播放</h2> |
|||
<button type="button" class="v-modal__close" data-v-modal-close aria-label="关闭"> |
|||
<img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" /> |
|||
</button> |
|||
</div> |
|||
<div class="v-modal__body"> |
|||
<video class="v-modal__video" id="v-modal-video" controls playsinline></video> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
</html> |
|||
@ -1,514 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<title>宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/sections/mask.css"> |
|||
|
|||
<link rel="stylesheet" crossorigin href="themes/website/4/zh/demo/assets/main-CuaTZJZu.css"> |
|||
<link rel="stylesheet" href="themes/website/4/zh/demo/styles/mobile.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
|
|||
<header class="site-header navbar navbar-expand-md" data-aos="fade"> |
|||
|
|||
<div class="site-header__container"> |
|||
<a class="site-header__logo" href="index.html"> |
|||
<img class="light-logo" src="themes/website/4/zh/demo/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
<img class="dark-logo" src="themes/website/4/zh/demo/assets/images/logo-dark.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<nav class="site-header__nav"> |
|||
<!-- 头部菜单1 --> |
|||
{hcTaglib:nav cid="1" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<a class="site-header__nav-link hover_underline" href="{$vo['href']}">{$vo['title']}</a> |
|||
{/hcTaglib:nav} |
|||
|
|||
<!-- 头部菜单2 --> |
|||
{hcTaglib:nav cid="4" max-level="2" item="vo" name="hc_nav" sort="sort asc"} |
|||
<a class="site-header__nav-link hover_underline" href="{$vo['href']}">{$vo['title']}</a> |
|||
{/hcTaglib:nav} |
|||
|
|||
<!-- <a class="site-header__nav-link hover_underline" href="index.html">首页</a> --> |
|||
<!-- <a class="site-header__nav-link hover_underline" href="#">产品</a> --> |
|||
<!-- <a class="site-header__nav-link hover_underline" href="#">解决方案</a> --> |
|||
<!-- <a class="site-header__nav-link hover_underline" href="#">经典案例</a> --> |
|||
<!-- <a class="site-header__nav-link hover_underline" href="about/index.html">关于宅极慧</a> --> |
|||
</nav> |
|||
<div class="site-header__actions"> |
|||
<button class="site-header__contact-btn s-btn s-btn--primary" type="button">联系我们</button> |
|||
<button class="site-header__icon-btn glass-card" type="button" aria-label="微信"> |
|||
<svg viewBox="0 0 21.5 21.5" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="21.500000" height="21.500000" fill="none" customFrame="#000000"> |
|||
<path id="Vector (Stroke)" |
|||
d="M4.32801 4.09262C2.58444 5.77492 1.5 8.13581 1.5 10.75C1.5 15.8586 5.64137 20 10.75 20C10.8775 20 11.0044 19.9974 11.1307 19.9923C10.9252 19.0807 10.8974 17.8551 11.524 16.6743C12.1761 15.4455 13.5262 14.9122 14.5189 14.6682C15.039 14.5404 15.5208 14.4773 15.8711 14.4459C16.0472 14.4301 16.1923 14.4221 16.2952 14.418C16.3466 14.416 16.3877 14.4149 16.417 14.4144L16.4519 14.4139L16.4604 14.4138C18.1329 14.3964 18.8864 13.8525 19.2863 13.3336C19.6279 12.8904 19.7569 12.4471 19.8877 11.9975C19.9043 11.9403 19.921 11.883 19.9381 11.8256C19.979 11.4727 20 11.1138 20 10.75C20 8.22592 18.989 5.93797 17.3499 4.26898C17.3412 4.30304 17.3323 4.3366 17.3232 4.3696C17.1604 4.96256 16.8975 5.57114 16.6118 6.00475C16.3559 6.39313 15.8595 6.78492 15.4475 7.08094C15.1763 7.27578 14.894 7.4413 14.6379 7.58888C14.607 7.60672 14.5765 7.62428 14.5463 7.6416C14.3183 7.77278 14.1131 7.89077 13.9156 8.02123C13.4838 8.30655 13.1497 8.61363 12.9248 9.07729C12.8461 9.23966 12.8436 9.39808 12.8902 9.56769C12.9648 9.83921 13.0156 10.1446 13.0164 10.456C13.0181 11.105 12.6875 11.6317 12.2626 11.9741C11.8428 12.3125 11.2941 12.506 10.7418 12.5C8.28653 12.4731 6.77692 10.4806 6.57782 8.26448C6.49861 7.38293 6.11212 6.49121 5.62411 5.71185C5.17593 4.9961 4.67094 4.42095 4.32801 4.09262ZM5.49505 3.13662C5.9101 3.55462 6.43084 4.17381 6.89544 4.91579C7.45296 5.80616 7.96374 6.92759 8.0718 8.13025C8.22276 9.81051 9.28489 10.984 10.7582 11C10.9608 11.0023 11.1712 10.9272 11.3214 10.8062C11.4665 10.6893 11.5167 10.5658 11.5164 10.4599C11.516 10.3044 11.4898 10.1325 11.4437 9.96483C11.3226 9.52357 11.3053 8.97925 11.5752 8.42271C11.9602 7.62891 12.5308 7.13838 13.0888 6.76971C13.3279 6.61171 13.576 6.46918 13.7998 6.34055C13.83 6.32322 13.8597 6.30613 13.8889 6.2893C14.1441 6.14218 14.3682 6.00939 14.5722 5.86277C15.0033 5.55305 15.276 5.30581 15.3592 5.17947C15.5417 4.90255 15.7469 4.44533 15.8767 3.9725C15.9796 3.59787 16.0081 3.31036 15.9985 3.13216C14.5073 2.10281 12.699 1.5 10.75 1.5C8.79814 1.5 6.98748 2.10455 5.49505 3.13662ZM21.4292 11.9903C21.476 11.5833 21.5 11.1695 21.5 10.75C21.5 4.81294 16.6871 0 10.75 0C4.81294 0 0 4.81294 0 10.75C0 16.6871 4.81294 21.5 10.75 21.5C16.2104 21.5 20.7199 17.4289 21.4088 12.1564C21.4271 12.0929 21.4429 12.04 21.4571 12.0001L21.4292 11.9903ZM18.6547 15.5566C18.0591 15.7749 17.3412 15.9047 16.4761 15.9138L16.4682 15.9138L16.4682 15.9138L16.4656 15.9138L16.445 15.9141C16.4255 15.9145 16.3949 15.9152 16.3544 15.9168C16.2733 15.9201 16.1534 15.9266 16.0052 15.9399C15.7071 15.9666 15.3037 16.02 14.8769 16.1249C13.9757 16.3464 13.185 16.7442 12.849 17.3774C12.3935 18.2357 12.4585 19.1696 12.6284 19.8092C15.1774 19.2834 17.3431 17.7089 18.6547 15.5566Z" |
|||
fill-rule="evenodd" /> |
|||
</svg> |
|||
</button> |
|||
<button class="site-header__icon-btn search-btn" type="button" aria-label="搜索"> |
|||
<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" |
|||
width="20.000000" height="20.000000" fill="none" customFrame="#000000"> |
|||
<path id="Vector" |
|||
d="M9.53488 1.39535C5.03954 1.39535 1.39535 5.03954 1.39535 9.53488C1.39535 14.0302 5.03954 17.6744 9.53488 17.6744C14.0302 17.6744 17.6744 14.0302 17.6744 9.53488C17.6744 5.03954 14.0302 1.39535 9.53488 1.39535ZM0 9.53488C0 4.26891 4.26891 0 9.53488 0C14.8009 0 19.0698 4.26891 19.0698 9.53488C19.0698 11.9168 18.1964 14.0946 16.7524 15.7658L19.7957 18.809C20.0681 19.0815 20.0681 19.5232 19.7957 19.7957C19.5232 20.0681 19.0815 20.0681 18.809 19.7957L15.7658 16.7524C14.0946 18.1964 11.9168 19.0698 9.53488 19.0698C4.26891 19.0698 0 14.8009 0 9.53488Z" |
|||
fill-rule="evenodd" /> |
|||
</svg> |
|||
</button> |
|||
<button class="site-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="打开导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</header> |
|||
|
|||
<section class="banner-section"> |
|||
<div class="banner-section__swiper swiper" aria-label="Banner 轮播"> |
|||
<div class="swiper-wrapper"> |
|||
<div class="swiper-slide"> |
|||
<div class="banner-section__content"> |
|||
<h1 class="banner-section__title" data-aos="fade"> |
|||
全场景智能生态<br> |
|||
解决方案服务商 |
|||
</h1> |
|||
</div> |
|||
</div> |
|||
<div class="swiper-slide"> |
|||
<div class="banner-section__content"> |
|||
<h1 class="banner-section__title" data-aos="fade"> |
|||
全场景智能生态<br> |
|||
解决方案服务商 |
|||
</h1> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<div class="banner-section__scroll-tip" aria-label="滚动提示与播放控制"> |
|||
<span class="banner-section__scroll-text">Scroll to explore</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAUCAYAAAC07qxWAAACIklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjRoD9/5M1vDfFVPNtfp/U5r/jkW/+aZ0N/8Yib39uK7+KBzO5Y9DKv8oRbb+UK9FcPfvDx1ZzjPFOX/irgrW1/9Ss8+baP4QrEc/mLR9z83lZ8F/i7X/5Jt70PVyCey1884ub3tuK7wN/98k+67X24AvFc/uIRN7+3Fd8F/u6Xf9Jt78MViOfyF4+4+b2t+C7wd7/8k257H65APJe/eMTN723Fd4G/++WfdNv7cAXiufzFI25+byu+C/zdL/+k296HKxDP5S8ecfN7W/Fd4O9++Sfd9j5cgXguf/GIm9/biu8Cf/fLP+m29+EKxHP5i0fc/N5WfBf4u1/+Sbe9D1cgnunPH/mgnwJeGrwFOg0+AJ0DGEOvI57pLx51y0fb+iqem/ntl3/yM15HPMCfP+JBv4V4be5ndseil3mVJ9x6q3iAv3r0gx/cmv8KcRzA8se8whNv+2oA8Vz+4lG3fLStr8L89ss/+RmvwxWI5+PPH3nLd40Rn/MqT7j1Vq5AvGj4R6kCikSGQF07AAAAAElFTkSuQmCC" alt="向下滚动"> |
|||
<button class="glass-card banner-section__pause-btn" type="button" aria-label="暂停轮播"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAMCAYAAABbayygAAABC0lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMomwbQJJ4PmwbQLYNIEk8H7YNINsGkCSeD9sGkG0DSBLPh20DyLYBJInnw7YBZNsAksTzYdsAsm0ASeL5sG0A2TaAJPF82DaAbBtAkng+bBtAtg0gSTwftg0g2waQJJ4P2waQbQNIEs+HbQP8I+bOX91663yaAAAAAElFTkSuQmCC" alt="暂停"> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="section-1" data-header-dark> |
|||
<div class="section-1__container"> |
|||
{hcTaglib:content cid="44" moduleId="1" mainField="*" subField="*" name="hc_content" limit="1" item="vov"} |
|||
<div class="section-1__left"> |
|||
<p class="section-1__tag">{$vov.sub_title}</p> |
|||
<h2 class="section-1__title">{$vov.description}</h2> |
|||
<p class="section-1__desc"> |
|||
{$vov.main_content.content_desc} |
|||
</p> |
|||
|
|||
{hcTaglib:contentPage cid="45" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<div class="section-1__metrics row"> |
|||
<div class="section-1__metric-item col-4"> |
|||
<p class="section-1__metric-value"><span>{$vo.sub_title}</span>{$vo.description}</p> |
|||
<p class="section-1__metric-label">{$vo.title}</p> |
|||
</div> |
|||
<!-- <div class="section-1__metric-item col-4"> --> |
|||
<!-- <p class="section-1__metric-value"><span>50000</span>+</p> --> |
|||
<!-- <p class="section-1__metric-label">智能化设计</p> --> |
|||
<!-- </div> --> |
|||
<!-- <div class="section-1__metric-item col-4"> --> |
|||
<!-- <p class="section-1__metric-value"><span>123</span>级城市</p> --> |
|||
<!-- <p class="section-1__metric-label">落地化项目区域分布</p> --> |
|||
<!-- </div> --> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
{hcTaglib:category id="42" item="vo" field="*"} |
|||
<a href="{$vo.alias}" class="section-1__more-btn s-btn s-btn--ghost" type="button"> |
|||
<span>探索更多</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow"> |
|||
</a> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
|
|||
<div class="section-1__right"> |
|||
<img src="{$vov['thumbnail']['url']|default=''}" alt="智慧科技城市场景图"> |
|||
</div> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</section> |
|||
|
|||
<section class="section-2" data-header-dark> |
|||
<div class="section-2__container"> |
|||
{hcTaglib:category id="252" item="vo" field="*"} |
|||
<!-- 副标题 --> |
|||
<p class="section-2__tag">{$vo.sub_title}</p> |
|||
<!-- 简介 --> |
|||
<h2 class="section-2__title">{$vo.desc}</h2> |
|||
{/hcTaglib:category} |
|||
|
|||
<div class="section-2__slider-wrap"> |
|||
<button class="section-2__nav-btn section-2__nav-btn--prev" type="button" aria-label="上一项"> |
|||
<img src="data:image/png;base64,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" alt="上一项"> |
|||
</button> |
|||
<div class="section-2__cards"> |
|||
<!-- 首页--我们的产品 --> |
|||
{php} |
|||
$iTmp = 0; |
|||
{/php} |
|||
{hcTaglib:contentPage cid="252" mainField="*" subField="*" name="hc_content" limit="4" item="vo" sort="sort asc"} |
|||
{php} |
|||
// $intro_img = []; |
|||
// $intro_img[0] = ''; |
|||
// $intro_img[1] = ''; |
|||
// $main_content_arr = $vo['main_content']['intro_img'] ?? []; |
|||
// foreach ($main_content_arr as $key => $vo22) { |
|||
// $intro_img[$key] = $vo22['url'] ?? ''; |
|||
// } |
|||
$active_img = $vo['main_content']['active_img']['url'] ?? ''; |
|||
$unactive_img = $vo['main_content']['unactive_img']['url'] ?? ''; |
|||
$cover_url = $vo['cover']['url'] ?? ''; |
|||
// 控制样式 |
|||
$classNameTmp = 'section-2__card section-2__card--expanded'; |
|||
if($iTmp > 0){ |
|||
$classNameTmp = 'section-2__card'; |
|||
} |
|||
$iTmp++; |
|||
{/php} |
|||
<article class="{$classNameTmp}"> |
|||
<div class="section-2__card-content"> |
|||
<div class="section-2__icon-wrap"> |
|||
<!-- 未激活 --> |
|||
<img src="{$unactive_img}" alt="智能家居系统图标" data-default> |
|||
<!-- 激活 --> |
|||
<img src="{$active_img}" alt="智能家居系统图标" data-active> |
|||
</div> |
|||
<!-- 标题 --> |
|||
<h3 class="section-2__card-title">{$vo.title}</h3> |
|||
<!-- 描述 --> |
|||
<p class="section-2__card-desc">{$vo.description}</p> |
|||
</div> |
|||
<img class="section-2__bg-image" src="{$cover_url}" alt="智能家居系统"> |
|||
<button class="section-2__card-arrow glass-card" type="button" aria-label="查看智能家居系统"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="查看详情"> |
|||
</button> |
|||
<button class="section-2__plus-btn" type="button" aria-label="查看酒店客控管理系统"> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAABoElEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMovgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhv78kQ8y/37ozx/5IPPvh/gX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLhvgX/PkjH2SAl3/SM8QLxj8CKfREM/WrU+QAAAAASUVORK5CYII=" alt="+"> |
|||
</button> |
|||
</article> |
|||
{/hcTaglib:contentPage} |
|||
|
|||
</div> |
|||
<button class="section-2__nav-btn section-2__nav-btn--next" type="button" aria-label="下一项"> |
|||
<img src="data:image/png;base64,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" alt="下一项"> |
|||
</button> |
|||
</div> |
|||
<button class="section-2__more-btn s-btn s-btn--ghost" type="button"> |
|||
<span>更多智能产品</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow"> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
<section class="section-3"> |
|||
<div class="section-3__container"> |
|||
{hcTaglib:category id="47" item="vo" field="*"} |
|||
<div data-aos="fade-up"> |
|||
<p class="section-3__tag">{$vo.title}</p> |
|||
<h2 class="section-3__title">{$vo.sub_title}</h2> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
|
|||
<ul class="section-3__logo-list" data-aos="fade-up" data-aos-delay="200"> |
|||
{hcTaglib:content cid="47" moduleId="1" name="contentList" item="case_top" limit="15" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<li class="section-3__logo-item"><img |
|||
src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top.title}"></li> |
|||
{/hcTaglib:content} |
|||
</ul> |
|||
<button data-aos="fade-up" data-aos-delay="400" class="section-3__more-btn s-btn glass-card" type="button" |
|||
style="margin:0 auto;"> |
|||
<span>探索更多</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABTUlEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonghbB8Hfgr4HEm/zbMBIF4I2+8NfBdXvI+k7+YKAMS/wPZnA5/FFZ8t6XMAAMSLwPZnA5/FFZ8t6XMAZPt1edG8M/ABXPHVkj5Gts2/HsBXy/Zv8KKZA6/KFbcCbyNeBLYfDPwW8GDgVuB1JN0q/gW2Hwz8FvBg4FbgdSTdCiBeCNsvDfwU8GDgr4G3kXQrAIB4IWy/NPBXwE8D7yNplysAEP8C268t6bd5TgD8I4vVPsYcTvVDAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow"> |
|||
</button> |
|||
</div> |
|||
</section> |
|||
|
|||
|
|||
|
|||
|
|||
|
|||
|
|||
<section class="section-4" data-header-dark> |
|||
<div class="section-4__container"> |
|||
|
|||
<!-- 经典案例 轮播图--> |
|||
<div class="section-4__arc"> |
|||
{hcTaglib:contentPage cid="254" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<div class="section-4__arc-card" style="--i: '{$key}';"> |
|||
<img src="{$vo.cover.url|default=''}" alt="{$vo.title}"> |
|||
<p>{$vo.title}</p> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
|
|||
<!-- 经典案例--START --> |
|||
{hcTaglib:category id="253" item="vo" field="*"} |
|||
<div class="section-4__core"> |
|||
<img src="{$vo.banner.url}" alt="{$vo.sub_title}" class="section-4__core-img"> |
|||
<p class="section-4__core-tag">{$vo.sub_title}</p> |
|||
<h2 class="section-4__core-title">{$vo.description}</h2> |
|||
</div> |
|||
<p class="section-4__desc"> |
|||
{$vo.desc} |
|||
</p> |
|||
{/hcTaglib:category} |
|||
<!-- 经典案例--END --> |
|||
|
|||
<!-- 经典案例下方两个展示块--START --> |
|||
<div class="section-4__bottom-cards"> |
|||
{hcTaglib:contentPage cid="255" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
|
|||
{php} |
|||
//var_dump($vo->toArray()); exit; |
|||
{/php} |
|||
<article class="section-4__bottom-card"> |
|||
<img class="section-4__bottom-image" src="{$vo.cover.url|default=''}" alt="{$vo.title}"> |
|||
<div class="section-4__bottom-content"> |
|||
<h3>{$vo.title}</h3> |
|||
<p>{$vo.description}</p> |
|||
<button class="section-4__bottom-btn s-btn s-btn--ghost" type="button"> |
|||
<span>更多案例</span> |
|||
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAMCAYAAAC9QufkAAABPklEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMonjhjgM/BXwO8Ns8GwDihXtv4Lu44n2A7+YKAMS/7LOBz+KKzwY+BwBAvGg+G/gsrvhs4HMABLwuL5p3Bj6AK74a+BgB5l8P4KsF/AYvmjnwqlxxK/A24kXzYOC3gAcDtwKvA9wq/mUPBn4LeDBwK/A6wK0A4oV7aeCngAcDfw28DXArAIB44V4a+Cvgp4H3AXa5AgDxL3tt4Ld5TgD8I2JUGsw9hakmAAAAAElFTkSuQmCC" alt="向右箭头" class="s-btn__arrow"> |
|||
</button> |
|||
</div> |
|||
</article> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
<!-- 经典案例下方两个展示块--END --> |
|||
|
|||
</div> |
|||
</section> |
|||
<footer class="site-footer"> |
|||
<div class="site-footer__top"> |
|||
<!-- 公司地址以及联系方式--底部左侧--START --> |
|||
<div class="site-footer__left"> |
|||
<a class="site-footer__logo" href="index.html"> |
|||
<img src="themes/website/4/zh/demo/assets/images/logo.png" alt="宅极慧 IHM"> |
|||
</a> |
|||
<ul class="site-footer__contact-list"> |
|||
<li class="site-footer__contact-item"> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/website/4/zh/demo/assets/images/location.png" alt="地址"> |
|||
<span>广州市海珠区琶洲会展东商务中心212室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/website/4/zh/demo/assets/images/phone.png" alt="电话"> |
|||
<span>+86-18816821013</span> |
|||
</p> |
|||
</li> |
|||
<li class="site-footer__contact-item"> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/website/4/zh/demo/assets/images/location.png" alt="地址"> |
|||
<span>九龙太子道东704号新时代工贸商业中心28楼6室</span> |
|||
</p> |
|||
<p class="site-footer__contact-line"> |
|||
<img src="themes/website/4/zh/demo/assets/images/phone.png" alt="电话"> |
|||
<span>+852-94509798</span> |
|||
</p> |
|||
</li> |
|||
</ul> |
|||
<div class="site-footer__qr-group"> |
|||
<div class="site-footer__qr-item"> |
|||
{hcTaglib:content cid="52" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="site-footer__qr-box glass-card"><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top['title']}"></div> |
|||
<p>{$case_top['title']}</p> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
|
|||
<div class="site-footer__qr-item"> |
|||
{hcTaglib:content cid="53" moduleId="8" name="contentList" item="case_top" mainField="*" subField="*" onlyData="2" sort="sort asc"} |
|||
<div class="site-footer__qr-box glass-card"><img src="{$case_top['thumbnail']['url']|default=''}" alt="{$case_top['title']}"></div> |
|||
<p>{$case_top['title']}</p> |
|||
{/hcTaglib:content} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<!-- 公司地址以及联系方式--底部左侧--END --> |
|||
|
|||
<!-- 产品中心--START --> |
|||
<div class="site-footer__right"> |
|||
<div class="site-footer__nav-col"> |
|||
{hcTaglib:category id="38" item="one" field="*"} |
|||
<!-- <h4>产品中心</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="38" name="hc_content" item="vo" sort="sort asc"} |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
<!-- 产品中心--END --> |
|||
|
|||
<!-- 经典案例--START --> |
|||
<div class="site-footer__nav-col"> |
|||
{hcTaglib:category id="256" item="one" field="*"} |
|||
<!-- <h4>经典案例</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="256" name="hc_content" item="vo" sort="sort asc"} |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
<!-- <h4>经典案例</h4> --> |
|||
<!-- <a href="#">智能家居</a> --> |
|||
<!-- <a href="#">智慧酒店</a> --> |
|||
<!-- <a href="#">智慧商建</a> --> |
|||
<!-- <a href="#">智能照明</a> --> |
|||
</div> |
|||
<!-- 经典案例--END --> |
|||
|
|||
<!-- 关于宅极慧--START --> |
|||
<div class="site-footer__nav-col"> |
|||
{hcTaglib:category id="42" item="one" field="*"} |
|||
<!-- <h4>关于宅极慧</h4> --> |
|||
<h4>{$one.title}</h4> |
|||
{/hcTaglib:category} |
|||
|
|||
{hcTaglib:subcategory pid="42" name="hc_content" item="vo" sort="sort asc"} |
|||
<a href="{$vo.alias}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
<!-- <h4>关于宅极慧</h4> --> |
|||
<!-- <a href="about/index.html">宅极慧iHM</a> --> |
|||
<!-- <a href="#">企业文化</a> --> |
|||
<!-- <a href="#">发展历史</a> --> |
|||
<!-- <a href="#">荣誉资质</a> --> |
|||
<!-- <a href="#">加入我们</a> --> |
|||
<!-- <a href="#">联系我们</a> --> |
|||
</div> |
|||
<!-- 关于宅极慧--END --> |
|||
|
|||
<!-- 社交媒体--底部右侧--START --> |
|||
<div class="site-footer__nav-col site-footer__nav-col--social"> |
|||
<h4>社交媒体</h4> |
|||
<div class="site-footer__social-list"> |
|||
<a href="#" aria-label="抖音" class="glass-card"><img src="themes/website/4/zh/demo/assets/images/douyin.png" alt="抖音"></a> |
|||
<a href="#" aria-label="小红书" class="glass-card"><img src="themes/website/4/zh/demo/assets/images/redbook.png" alt="小红书"></a> |
|||
<a href="#" aria-label="X" class="glass-card"><img src="themes/website/4/zh/demo/assets/images/x.png" alt="X"></a> |
|||
</div> |
|||
</div> |
|||
<!-- 社交媒体--底部右侧--END --> |
|||
|
|||
</div> |
|||
</div> |
|||
|
|||
<!-- 底部Copyright--START --> |
|||
<div class="site-footer__bottom"> |
|||
<p>Copyright © 2026 广州宅极慧智能家居有限公司 粤ICP备2025453783号</p> |
|||
<p>Technical Support: SUQ</p> |
|||
</div> |
|||
<!-- 底部Copyright--END --> |
|||
|
|||
</footer> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="#">智能家居系统</a> |
|||
<a href="#">酒店客控管理系统</a> |
|||
<a href="#">照明与灯控系统</a> |
|||
<a href="#">智慧医养解决方案</a> |
|||
<a href="#">美的中央空调案例</a> |
|||
<a href="#">绿色能源</a> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="about/index.html">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="themes/website/4/zh/demo/index.js"></script> |
|||
<script src="themes/website/4/zh/demo/banner-swiper.js"></script> |
|||
<script src="themes/website/4/zh/demo/section-2-cards.js"></script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -1,211 +0,0 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
|
|||
<head> |
|||
<meta charset="UTF-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
{include file="components/currency"} |
|||
<!-- 当前页 --> |
|||
<link rel="stylesheet" href="/themes/static/scss/zhaopin.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<!-- 正文 --> |
|||
<div class="listBanner"> |
|||
{hcTaglib:category id="$current_cate['id']" item="vo" field="*"} |
|||
<img src="{$vo['banner']['url']|default=''}" alt=""> |
|||
<div class="center"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="tips">{$vo.sub_title}</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</div> |
|||
<div class="zhaopinBlock"> |
|||
<div class="w1400"> |
|||
<div class="tab zn"> |
|||
<div class="tit"> |
|||
职能： |
|||
</div> |
|||
<div class="list"> |
|||
<a href="javascript:;" data-id='0'>全部</a> |
|||
{hcTaglib:subcategory pid="141" moduleId="9" item="vo" field="id,title"} |
|||
<a href="javascript:;" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
</div> |
|||
</div> |
|||
<div class="tab dq"> |
|||
<div class="tit"> |
|||
地区： |
|||
</div> |
|||
<div class="list"> |
|||
<a href="javascript:;" data-id='0'>全部</a> |
|||
{hcTaglib:subcategory pid="142" moduleId="9" item="vo" field="id,title"} |
|||
<a href="javascript:;" data-id="{$vo.id}">{$vo.title}</a> |
|||
{/hcTaglib:subcategory} |
|||
|
|||
|
|||
</div> |
|||
</div> |
|||
<div class="content"> |
|||
{if isset($job)} |
|||
{volist name="job" id="vo"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="addr">地点：{$vo.sub_title}</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
<div class="cont"> |
|||
<div class="center"> |
|||
<div class="contList"> |
|||
<div class="contTit">岗位职责：</div> |
|||
<div class="text"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">任职要求：</div> |
|||
<div class="text"> |
|||
{$vo.main_content.rzyq|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">待遇简介</div> |
|||
<div class="text"> |
|||
{$vo.main_content.dyjj|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">优享待遇</div> |
|||
<div class="text"> |
|||
{$vo.main_content.hxgg|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/volist} |
|||
{else /} |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="" item="vo"} |
|||
<div class="list"> |
|||
<div class="top"> |
|||
<div class="tit">{$vo.title}</div> |
|||
<div class="addr">地点：{$vo.sub_title}</div> |
|||
<div class="menu"> |
|||
<span></span> |
|||
<span></span> |
|||
</div> |
|||
</div> |
|||
<div class="cont"> |
|||
<div class="center"> |
|||
<div class="contList"> |
|||
<div class="contTit">岗位职责：</div> |
|||
<div class="text"> |
|||
{$vo.content|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">任职要求：</div> |
|||
<div class="text"> |
|||
{$vo.main_content.rzyq|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">待遇简介</div> |
|||
<div class="text"> |
|||
{$vo.main_content.dyjj|raw} |
|||
</div> |
|||
</div> |
|||
<div class="contList"> |
|||
<div class="contTit">核心骨干股权激励计划</div> |
|||
<div class="text"> |
|||
{$vo.main_content.hxgg|raw} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage} |
|||
{/if} |
|||
</div> |
|||
{if isset($job)} |
|||
{$job|raw} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
|
|||
</div> |
|||
</div> |
|||
<!-- footer --> |
|||
{include file="components/footer"} |
|||
<script> |
|||
$('.zhaopinBlock .w1400 .zn .list a').eq(0).addClass('on') |
|||
$('.zhaopinBlock .w1400 .dq .list a').eq(0).addClass('on') |
|||
$('.zhaopinBlock .w1400 .content .list .top').click(function(){ |
|||
if($(this).hasClass('on')){ |
|||
$(this).removeClass('on') |
|||
$(this).siblings('.cont').stop().animate({'height': 0}) |
|||
return |
|||
} |
|||
$(this).addClass('on') |
|||
$(this).siblings('.cont').stop().animate({'height': $(this).siblings('.cont').children('.center').outerHeight()}) |
|||
}) |
|||
// |
|||
function getUrlParam(name) { |
|||
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象 |
|||
var r = window.location.search.substr(1).match(reg); //匹配目标参数 |
|||
if (r != null) return decodeURI(r[2]); return null; //返回参数值 |
|||
} |
|||
let baseUrl = '/{:request()->pathinfo()}?'; |
|||
let tab1 = getUrlParam('zn') |
|||
let tab2 = getUrlParam('dq') |
|||
// $('.zhaopinBlock .w1400 .zn .list a').click(function(){ |
|||
// $(this).siblings().removeClass('on') |
|||
// $(this).addClass('on') |
|||
// let thisClick = $(this).html() |
|||
// window.location.href = baseUrl + 'zn=' + thisClick + '&dq=' + tab2 |
|||
// }) |
|||
// $('.zhaopinBlock .w1400 .dq .list a').click(function(){ |
|||
// $(this).siblings().removeClass('on') |
|||
// $(this).addClass('on') |
|||
// let thisClick2 = $(this).html() |
|||
// window.location.href = baseUrl + 'zn=' + tab1 + '&dq=' + thisClick2 |
|||
// }) |
|||
$('.zhaopinBlock .w1400 .zn .list a').click(function(){ |
|||
if(tab2 == null){ |
|||
tab2 = 0 |
|||
} |
|||
let thisClick = $(this).attr('data-id') |
|||
window.location.href = baseUrl + 'zn=' + thisClick + '&dq=' + tab2 |
|||
}) |
|||
$('.zhaopinBlock .w1400 .dq .list a').click(function(){ |
|||
if(tab1 == null){ |
|||
tab1 = 0 |
|||
} |
|||
let thisClick2 = $(this).attr('data-id') |
|||
window.location.href = baseUrl + 'zn=' + tab1 + '&dq=' + thisClick2 |
|||
}) |
|||
// |
|||
$('.zhaopinBlock .w1400 .zn .list a').each(function(){ |
|||
if($(this).attr('data-id') == tab1){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
$('.zhaopinBlock .w1400 .dq .list a').each(function(){ |
|||
if($(this).attr('data-id') == tab2){ |
|||
$(this).siblings().removeClass('on') |
|||
$(this).addClass('on') |
|||
} |
|||
}) |
|||
</script> |
|||
</body> |
|||
|
|||
</html> |
|||
@ -0,0 +1,259 @@ |
|||
<!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/solution.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/solution.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
<main class="main-solution" data-nav="解决方案"> |
|||
{if !empty($sub_cates[0])} |
|||
<section class="sl-hero"> |
|||
<div class="sl-hero__intro section__wrap" data-header-dark> |
|||
<h1 class="sl-hero__title">{$sub_cates[0]['title'] ?? ''}</h1> |
|||
<p class="sl-hero__desc"> |
|||
{$sub_cates[0]['description'] ?? ''} |
|||
</p> |
|||
</div> |
|||
<div class="sl-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="sl-adv section__wrap" id="adv" data-header-dark> |
|||
<h2 class="sl-adv__title">{$sub_cates[1]['title'] ?? ''}</h2> |
|||
<ul class="sl-adv__list"> |
|||
{php} |
|||
$contents = getContentByCategory($sub_cates[1]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); |
|||
{/php} |
|||
{volist name="contents" id="vo"} |
|||
<li class="sl-adv__item"> |
|||
<h3 class="sl-adv__name">{$vo['title'] ?? ''}</h3> |
|||
<p class="sl-adv__text">{$vo['description'] ?? ''}</p> |
|||
</li> |
|||
{/volist} |
|||
</ul> |
|||
</section> |
|||
{/if} |
|||
{if !empty($sub_cates[2])} |
|||
<section class="sl-arch section__wrap" id="arch" data-header-dark> |
|||
<h2 class="sl-arch__title">{$sub_cates[2]['title'] ?? ''}</h2> |
|||
<div class="sl-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="sl-core section__wrap" id="core" data-header-dark> |
|||
<div class="sl-core__head"> |
|||
<h2 class="sl-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="sl-core__swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{php} |
|||
$contents = getMixContentBySolutionName($current_cate['title'],$sub_cates[3]['id'],$seller_id, 6); |
|||
{/php} |
|||
{volist name="contents" id="vo"} |
|||
<article class="swiper-slide sl-core__card"> |
|||
<!-- TODO vo.source -> solution:商品 category:文章--> |
|||
<a class="sl-core__card-link" href=""> |
|||
<div class="sl-core__card-media"> |
|||
<img src="{$vo['thumbnail'] ?? ''}" alt="{$vo['title'] ?? ''}" width="528" height="330" loading="lazy" /> |
|||
</div> |
|||
<div class="sl-core__card-foot"> |
|||
<h3 class="sl-core__card-name">{$vo['title'] ?? ''}</h3> |
|||
<span class="sl-core__card-arrow" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2012.2529%2011.314'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='12.252930'%20height='11.313965'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='合并'%20d='M5.18202%201.41422L6.59622%200L12.2531%205.65686L12.2529%205.65702L10.8389%207.07108L6.59608%2011.3139L5.18186%209.89966L8.4245%206.65702L-0%206.65702L0%204.657L8.42482%204.65702L5.18202%201.41422Z'%20fill='rgb(239,67,53)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="12" height="11" /> |
|||
</span> |
|||
</div> |
|||
</a> |
|||
</article> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<div class="sl-core__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[4])} |
|||
<section class="sl-clients section__wrap" id="clients" data-header-dark> |
|||
<h2 class="sl-clients__title">{$sub_cates[4]['title'] ?? ''}</h2> |
|||
{php} |
|||
$contents = getContentByCategory($sub_cates[4]['id'], $seller_id, 20, 'sort asc', ['thumbnail', 'category']); |
|||
$clients_marquee = is_array($contents) && count($contents) > 5; |
|||
{/php} |
|||
<div class="sl-clients__viewport{if $clients_marquee} is-marquee{/if}"> |
|||
<div class="sl-clients__grid"> |
|||
{volist name="contents" id="vo"} |
|||
<div class="sl-clients__item"><img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="252" height="160" loading="lazy" /></div> |
|||
{/volist} |
|||
{if $clients_marquee} |
|||
{volist name="contents" id="vo"} |
|||
<div class="sl-clients__item" aria-hidden="true"><img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="252" height="160" loading="lazy" /></div> |
|||
{/volist} |
|||
{/if} |
|||
</div> |
|||
</div> |
|||
</section> |
|||
{/if} |
|||
{if !empty($sub_cates[5])} |
|||
<section class="sl-cases section__wrap" id="cases" data-header-dark> |
|||
<h2 class="sl-cases__title">{$sub_cates[5]['title'] ?? ''}</h2> |
|||
<div class="sl-cases__body"> |
|||
<div class="sl-cases__stage" aria-hidden="true"> |
|||
<div class="sl-cases__media-swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{php} |
|||
$contents = getContentByCategory($sub_cates[5]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); |
|||
{/php} |
|||
{volist name="contents" id="vo"} |
|||
<div class="swiper-slide sl-cases__card"> |
|||
<img src="{$vo['thumbnail']['url'] ?? ''}" alt="" width="650" height="457" /> |
|||
</div> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="sl-cases__copy"> |
|||
<div class="sl-cases__content-swiper swiper"> |
|||
<div class="swiper-wrapper"> |
|||
{php} |
|||
$contents = getContentByCategory($sub_cates[5]['id'], $seller_id, 6, 'sort asc', ['thumbnail', 'category']); |
|||
{/php} |
|||
{volist name="contents" id="vo"} |
|||
<article class="swiper-slide sl-cases__panel"> |
|||
<h3 class="sl-cases__name">{$vo['title'] ?? ''}</h3> |
|||
<p class="sl-cases__sub-name">{$vo['sub_title'] ?? ''}</p> |
|||
<p class="sl-cases__desc">{$vo['description'] ?? ''}</p> |
|||
<div class="sl-cases__tags"> |
|||
{php}$descArr = explode(',',$vo['seo_description']);{/php} |
|||
{if !empty($descArr)} |
|||
{volist name="descArr" id="vv"} |
|||
<span>{$vv}</span> |
|||
{/volist} |
|||
{/if} |
|||
</div> |
|||
</article> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<div class="sl-cases__nav"> |
|||
<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 class="sl-cases__pager" aria-live="polite"> |
|||
<span class="sl-cases__pager-current">1</span> |
|||
<span class="sl-cases__pager-sep">/</span> |
|||
<span class="sl-cases__pager-total">4</span> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -0,0 +1,280 @@ |
|||
<!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;width: 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> |
|||
@ -0,0 +1,166 @@ |
|||
<!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/video.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/pagination.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/empty.css"> |
|||
<link rel="stylesheet" crossorigin href="/themes/dist_static/static/css/video.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- 引入公共头部 --> |
|||
<!-- header --> |
|||
{include file="components/header"} |
|||
|
|||
<main class="main-video" data-header-dark data-nav="服务支持"> |
|||
<div class="v-page section__wrap"> |
|||
<div class="v-head"> |
|||
<h1 class="v-head__title">{$current_cate.title}</h1> |
|||
<p class="v-head__desc">{$current_cate.description}</p> |
|||
</div> |
|||
|
|||
<div class="v-toolbar"> |
|||
{php} |
|||
$filter_cid = (string)input('cid', ''); |
|||
$filter_all_id = (string)($current_cate['id'] ?? ''); |
|||
if ($filter_cid === '') { |
|||
$filter_cid = $filter_all_id; |
|||
} |
|||
$filter_keywords = (string)input('keywords', ''); |
|||
$filter_is_all = ($filter_cid === $filter_all_id); |
|||
$filter_label = '按产品筛选'; |
|||
if (!$filter_is_all && !empty($sub_cates)) { |
|||
foreach ($sub_cates as $sc) { |
|||
if ((string)($sc['id'] ?? '') === $filter_cid) { |
|||
$filter_label = $sc['title'] ?? $filter_label; |
|||
break; |
|||
} |
|||
} |
|||
} |
|||
{/php} |
|||
<div class="v-filter__group"> |
|||
<button type="button" class="v-filter{if !$filter_is_all} is-selected{/if}" aria-haspopup="listbox" aria-expanded="false" data-filter-trigger> |
|||
<span>{$filter_label}</span> |
|||
<svg class="v-filter__chevron" viewBox="0 0 11.2728 6.90918" width="11" height="7" fill="none" aria-hidden="true"> |
|||
<path d="M0.636353 0.636272L5.63635 5.63627L10.6364 0.63623" stroke="currentColor" stroke-width="1.8" /> |
|||
</svg> |
|||
</button> |
|||
<div class="v-filter__dropdown" data-filter-dropdown hidden> |
|||
<button type="button" class="v-filter__dropdown-item{if $filter_is_all} is-active{/if}" data-tab="{$current_cate.id}" data-filter-clear>全部</button> |
|||
{volist name="sub_cates" id="vo"} |
|||
{php}$vo_id = (string)($vo['id'] ?? '');{/php} |
|||
<button type="button" data-tab="{$vo.id}" class="v-filter__dropdown-item{if $filter_cid == $vo_id} is-active{/if}">{$vo.title}</button> |
|||
{/volist} |
|||
</div> |
|||
</div> |
|||
<form class="s-search" role="search" data-tab-search> |
|||
<img class="s-search__icon" src="data:image/svg+xml,%3csvg%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='24.000000'%20height='24.000000'%20fill='none'%3e%3crect%20id='搜索'%20width='24.000000'%20height='24.000000'%20x='0.000000'%20y='0.000000'%20fill='rgb(255,255,255)'%20fill-opacity='0'%20/%3e%3cpath%20id='矢量%203'%20d='M15.8481%2017.1208C14.4808%2018.2114%2012.7482%2018.8633%2010.8633%2018.8633C6.44506%2018.8633%202.86328%2015.2816%202.86328%2010.8633C2.86328%206.445%206.44506%202.86328%2010.8633%202.86328C15.2815%202.86328%2018.8633%206.445%2018.8633%2010.8633C18.8633%2012.7482%2018.2114%2014.4808%2017.1208%2015.8481L21.136%2019.8633L19.8633%2021.136L15.8481%2017.1208ZM17.0632%2010.8633C17.0632%207.43908%2014.2874%204.66326%2010.8633%204.66326C7.4392%204.66326%204.66332%207.43908%204.66332%2010.8633C4.66332%2014.2875%207.4392%2017.0633%2010.8633%2017.0633C14.2874%2017.0633%2017.0632%2014.2875%2017.0632%2010.8633Z'%20fill='rgb(175,181,185)'%20fill-rule='evenodd'%20/%3e%3c/svg%3e" alt="" width="24" height="24" /> |
|||
<input class="s-search__input" type="search" name="keywords" value="{$filter_keywords}" placeholder="请输入您想搜索视频的关键词" autocomplete="off" /> |
|||
<button class="s-search__btn" type="submit">搜索</button> |
|||
</form> |
|||
</div> |
|||
|
|||
<div class="v-grid"> |
|||
{hcTaglib:contentPage mainField="*" subField="*" name="hc_content" limit="12" item="vo"} |
|||
<button type="button" class="v-card" data-video-src="{$vo.cover.url ?? ''}"> |
|||
<div class="v-card__media"> |
|||
<img class="v-card__cover" src="{$vo.thumbnail.url ?? ''}" alt="" width="400" height="225" |
|||
loading="lazy" /> |
|||
<span class="v-card__duration">{$vo.description}</span> |
|||
<span class="v-card__play" aria-hidden="true"> |
|||
<img src="data:image/svg+xml,%3csvg%20viewBox='0%200%2013.5386%2016'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='13.538574'%20height='16.000000'%20fill='none'%20customFrame='%23000000'%3e%3cpath%20id='多边形%201'%20d='M8.86093%201.45695L15.1085%2012.0297C15.5024%2012.6963%2015.0219%2013.5384%2014.2476%2013.5384L1.75245%2013.5384C0.978149%2013.5384%200.497614%2012.6963%200.891523%2012.0297L7.13907%201.45695C7.52614%200.801924%208.47387%200.801924%208.86093%201.45695Z'%20fill='rgb(255,255,255)'%20fill-rule='evenodd'%20transform='matrix(0,1,-1,0,13.5386,0)'%20/%3e%3c/svg%3e" alt="" width="14" height="16" /> |
|||
</span> |
|||
</div> |
|||
<h2 class="v-card__title">{$vo.title}</h2> |
|||
<time class="v-card__date" datetime="{$vo.publish_time}">{$vo.publish_time|date='Y-m-d'}</time> |
|||
</button> |
|||
{/hcTaglib:contentPage} |
|||
</div> |
|||
{php} |
|||
$list_empty = isHcListEmpty($hc_content ?? null); |
|||
if ($list_empty) { |
|||
$empty_text = '暂无相关视频'; |
|||
} |
|||
{/php} |
|||
{if $list_empty} |
|||
{include file="components/empty"} |
|||
{else /} |
|||
{$hc_content|raw} |
|||
{/if} |
|||
|
|||
<div class="v-modal" id="v-modal" hidden> |
|||
<div class="v-modal__backdrop" data-v-modal-close></div> |
|||
<div class="v-modal__dialog" role="dialog" aria-modal="true" aria-labelledby="v-modal-title"> |
|||
<div class="v-modal__head"> |
|||
<h2 class="v-modal__title" id="v-modal-title">视频播放</h2> |
|||
<button type="button" class="v-modal__close" data-v-modal-close aria-label="关闭"> |
|||
<img src="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%3e%3cpath%20d='M1.5%201.5L14.5%2014.5M14.5%201.5L1.5%2014.5'%20stroke='%23fff'%20stroke-width='1.5'%20stroke-linecap='round'/%3e%3c/svg%3e" alt="" width="16" height="16" aria-hidden="true" /> |
|||
</button> |
|||
</div> |
|||
<div class="v-modal__body"> |
|||
<video class="v-modal__video" id="v-modal-video" controls playsinline></video> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</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> |
|||
@ -1,319 +0,0 @@ |
|||
<!doctype html> |
|||
<html lang="zh-CN"> |
|||
|
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta name="viewport" content="width=device-width, initial-scale=1"> |
|||
<base href="../"> |
|||
<title>智能医美健康系统 - 宅极慧</title> |
|||
<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 = 10 |
|||
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/aos@next/dist/aos.css" /> |
|||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" |
|||
integrity="sha384-sRIl4kxILFvY47J16cr9ZwB07vP4J8+LH7qKQnuqkuIAvNWLzeN8tE5YBujZqJLB" crossorigin="anonymous"> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/var.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/font-size.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/base.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/layout.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/components.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/header.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/footer.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/mask.css"> |
|||
<link rel="stylesheet" href="themes/static_new/styles/sections/contact-us.css"> |
|||
|
|||
<script type="module" crossorigin src="themes/static_new/static/js/yimei.js"></script> |
|||
<link rel="modulepreload" crossorigin href="themes/static_new/static/js/modulepreload-polyfill.js"> |
|||
<link rel="stylesheet" crossorigin href="themes/static_new/static/css/yimei.css"> |
|||
</head> |
|||
|
|||
<body> |
|||
<!-- header--START --> |
|||
{include file="components/header"} |
|||
<!-- header--END --> |
|||
|
|||
{hcTaglib:category id="278" item="vo" field="*"} |
|||
<section class="section__banner yimei" aria-label="{$vo.sub_title}" style="background-image: url('{$vo.banner.url|default=''}');"> |
|||
<div class="section__banner__inner"> |
|||
<h1 class="section__banner__title">{$vo.sub_title}</h1> |
|||
</div> |
|||
</section> |
|||
{/hcTaglib:category} |
|||
|
|||
<!-- yimei-section-1：关于智能医美 + 双栏文案（浅底水印图） --> |
|||
<section class="yimei-section-1" aria-labelledby="yimei-section-1-title" data-header-dark> |
|||
<!-- 文章ID: 2444 --> |
|||
{hcTaglib:contentdetail id="2444" name="hc_content"} |
|||
<div class="yimei-section-1__inner"> |
|||
<div class="section__header"> |
|||
<p class="section__title__red">{$hc_content.title}</p> |
|||
<h2 id="yimei-section-1-title" class="section__title">{$hc_content.sub_title}</h2> |
|||
</div> |
|||
<div class="yimei-section-1__copy"> |
|||
<!-- <p class="section__desc">{$hc_content.description}</p> --> |
|||
<!-- 保留原格式输出 --> |
|||
<p class="section__desc">{$hc_content.description|nl2br|raw}</p> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentdetail} |
|||
</section> |
|||
<!-- yimei-section-2：智能医美系统 — 三卡 + 中部护理对讲浮层 + 侧标 + 翻页 --> |
|||
<!-- 智能医美系统,多种系统 提升服务 --> |
|||
<section class="yimei-section-2" aria-labelledby="yimei-section-2-title" data-header-dark> |
|||
<div class="yimei-section-2__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="279" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="yimei-section-2-title" class="section__title">{$vo.description}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="yimei-section-2__viewport"> |
|||
<div class="swiper yimei-section-2__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
<!-- 智能医美系统 多种系统 提升服务 文章--> |
|||
{hcTaglib:contentPage2 cid="279" mainField="*" subField="*" name="hc_content" limit="15" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="yimei-section-2__slide yimei-section-2__slide--bg-1" style="background-image: url('{$vo.thumbnail.url|default=''}');"> |
|||
<p class="yimei-section-2__side-label">{$vo.title}</p> |
|||
<div class="yimei-section-2__mask"> |
|||
<div class="yimei-section-2__mask-inner glass-card"> |
|||
<h3 class="yimei-section-2__mask-title">{$vo.title}</h3> |
|||
<p class="yimei-section-2__mask-text"> |
|||
{$vo.description} |
|||
</p> |
|||
</div> |
|||
</div> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="yimei-section-2__nav" role="group" aria-label="切换展示"> |
|||
<button type="button" class="slide-btn prev" aria-label="上一项"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
<button type="button" class="slide-btn next" aria-label="下一项"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- yimei-section-3：关于护理对讲 — 左文右双图 --> |
|||
<section class="yimei-section-3" aria-labelledby="yimei-section-3-title" data-header-dark> |
|||
{hcTaglib:category id="280" item="vo" field="*"} |
|||
<div class="yimei-section-3__inner"> |
|||
<div class="yimei-section-3__intro"> |
|||
<div class="section__header"> |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 class="section__title">{$vo.sub_title}</h2> |
|||
</div> |
|||
<p class="section__desc"> |
|||
{$vo.desc} |
|||
</p> |
|||
</div> |
|||
<div class="yimei-section-3__figures"> |
|||
<figure class="yimei-section-3__figure"> |
|||
<img class="yimei-section-3__img" src="{$vo.thumbnail.url|default=''}" alt="护理对讲设备示意"> |
|||
</figure> |
|||
<figure class="yimei-section-3__figure"> |
|||
<img class="yimei-section-3__img" src="{$vo.banner.url|default=''}" alt="病区互联示意"> |
|||
</figure> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:category} |
|||
</section> |
|||
|
|||
<!-- yimei-section-4：护理对讲系列 — Tab + 左要点右大图 --> |
|||
<!-- 护理对讲系列 灵活适配各种需求 --> |
|||
<!-- <section class="yimei-section-4" aria-labelledby="yimei-section-4-title"> |
|||
<div class="yimei-section-4__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="281" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="yimei-section-4-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<ul class="tabs2 s-tabs" role="tablist"> |
|||
|
|||
{hcTaglib:contentPage2 cid="281" mainField="*" subField="title" name="hc_content" limit="5" item="vo" sort="sort asc"} |
|||
<li class="s-tab-item {if $key==1}active{/if}" data-bs-toggle="tab" data-bs-target="#panel-{$key-1}" role="tab"> |
|||
{$vo.title} |
|||
</li> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</ul> |
|||
|
|||
<div class="yimei-section-4__panels tab-content"> |
|||
{hcTaglib:contentPage2 cid="281" mainField="*" subField="*" name="hc_content" limit="5" item="vo" sort="sort asc"} |
|||
|
|||
{php} |
|||
$description = $vo['description'] ?? ''; |
|||
$descriptionArr = []; |
|||
if(!empty($description)){ |
|||
$descriptionArr = explode('&', $description); // 多条描述中间使用&符号分割(重要) |
|||
} |
|||
{/php} |
|||
|
|||
<div id="panel-{$key-1}" class="tab-pane fade {if $key==1}show active{/if}" role="tabpanel"> |
|||
<div class="yimei-section-4__panel"> |
|||
<div class="yimei-section-4__left"> |
|||
<h3 class="yimei-section-4__series-name">{$vo.title}</h3> |
|||
<ul class="yimei-section-4__features"> |
|||
|
|||
{volist name="descriptionArr" id="oneDesc" key="key"} |
|||
<li class="yimei-section-4__feature"> |
|||
<img class="yimei-section-4__feature-icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAD10lEQVR4Ae3gAZAkSZIkSRKLqpm7R0REZmZmVlVVVVV3d3d3d/fMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMdHd3d3dXV1VVVVVmZkZGRIS7m5kKz0xmV3d1d3dPz8zMzMxMongB/uTRjz5V6vSOpN/I9ktKXAtgc6+kvyX0K22qP/pKT3jCeZ4X4rn8+cu93Ia9/mjsD8be5IWRDpG+WZp99cv/xV8c8WyIB/jzV3u5W9zye7Aexr+G/FSVeK+X/4O/uI0rEM/0x6/9SjcV4vsw1/JvIe5t5Hu88m//yR0AAvjDV3mVRd2Zfx/2g/j3kJ4x7a3e41X/6I+WAvizt3yT97X9HvwHkPR9r/Czv/SdesJbvuX2pVn5TpwL/q3Wq424ePG6vO76p6FYHlu399WfvMc7vpFT78O/UayONuMJj38dxnEzr7/hr/OmW56o8HfpT9/vPT/K0kvwbxAXLpzSEx//+ozjlmfz8/kyL/OL9LNB9t/pjz/sgz4H+zgPoPVq5tl8zQsRT33yY+PpT3t9AE6cfNz0cq/w69xP2tUff8xHfZ7J4JnKpd1j8ad/9O553Y1/1l7iJf+U56P7q794De668zUAfOONvzu99Mv9Pg8gIvXHn/IJn6zM4H5/+RevWp7x9DcDaC/1Mt/BQx/2NB5Af/pHrxd33vm6AHnjjb/hV3yV3+S5OCL1x5/9Ge9r5xYPUH7nt9847rrjTYhYttd9gy/NM2cuANTf/LW31b33vhaAH/yQn5he5dV+l+dDigP98Rd93htC3MRzKb/w0++s++57A3fd+XyVV/36+Ou/fivtXXppShy1x77Yd/rlX+WveIHyDv3x13zpI6apvCzPx/z7vuMzOTp8LM+krrtvfIM3/dzp5ged44Wotf2l/uGzP7u/dObE61oqPJc4d2Gz/sj3fa3G6Vp39d72hm/2Ke0RD7+PF0J2O3b24m8K4E++7dseMjA9iOejPv4fru1++7c+bHzt1/mG6TEvdi//gp76jFf6gA94ugD82Z8dv/vwB71YyTLj36FFW7/mU57xD/rsz07xTD/6oz/a3wS39BGVf4Mhc7oDbnvHd3zHAUA8wG/91m/VcuHCGZdS+VdQa1M7efLs67zO60xcgXguBv3Fz/3comxt9Qe1ihdia5rcDg6Gl3uLt1gKzLMhXjD91md/dtm+/nrxci/H0572NAE89KEPNX/xF+zffbdf57M/uwHmefGP8tBP+sR255wAAAAASUVORK5CYII=" alt="" |
|||
width="22" height="22"> |
|||
<span class="yimei-section-4__feature-text">{$oneDesc}</span> |
|||
</li> |
|||
{/volist} |
|||
|
|||
</ul> |
|||
</div> |
|||
<figure class="yimei-section-4__right"> |
|||
<img class="yimei-section-4__hero" src="{$vo.thumbnail.url|default=''}" alt="{$vo.title}"> |
|||
</figure> |
|||
</div> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
</div> |
|||
|
|||
</div> |
|||
</section> --> |
|||
|
|||
<!-- yimei-section-5：经典案例 — 多卡 Swiper --> |
|||
<!-- 经典案例 标杆医院合作案例 --> |
|||
<section class="yimei-section-5" aria-labelledby="yimei-section-5-title"> |
|||
<div class="yimei-section-5__inner"> |
|||
<header class="section__header"> |
|||
{hcTaglib:category id="282" item="vo" field="*"} |
|||
<p class="section__title__red">{$vo.title}</p> |
|||
<h2 id="yimei-section-5-title" class="section__title">{$vo.sub_title}</h2> |
|||
{/hcTaglib:category} |
|||
</header> |
|||
|
|||
<div class="yimei-section-5__slider"> |
|||
<button type="button" class="yimei-section-5__nav-btn slide-btn prev" aria-label="上一案例"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-left"> |
|||
</button> |
|||
|
|||
<div class="yimei-section-5__swiper"> |
|||
<div class="swiper-wrapper"> |
|||
|
|||
{hcTaglib:contentPage2 cid="282" mainField="*" subField="*" name="hc_content" limit="3" item="vo" sort="sort asc"} |
|||
<div class="swiper-slide"> |
|||
<article class="yimei-section-5__card"> |
|||
<div class="yimei-section-5__thumb"> |
|||
<img src="{$vo['thumbnail']['url']|default=''}" alt="{$vo.title}"> |
|||
</div> |
|||
<h3 class="yimei-section-5__card-title">{$vo.title}</h3> |
|||
<p class="yimei-section-5__card-desc">{$vo.description}</p> |
|||
</article> |
|||
</div> |
|||
{/hcTaglib:contentPage2} |
|||
|
|||
</div> |
|||
</div> |
|||
<button type="button" class="yimei-section-5__nav-btn slide-btn next" aria-label="下一案例"> |
|||
<img src="data:image/png;base64,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" alt="" class="arrow-right"> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</section> |
|||
|
|||
<!-- footer--START --> |
|||
{include file="components/footer"} |
|||
<!-- footer--END --> |
|||
|
|||
<div class="mask" id="mask"> |
|||
<header class="mask-header"> |
|||
<button class="mask-header__icon-btn search-btn toggle" type="button" aria-expanded="false" aria-controls="mask" |
|||
aria-label="关闭导航菜单"> |
|||
<svg class="nav-toggle-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--top" x="4" y="6" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--mid" x="4" y="11" width="16" height="2" rx="1" /> |
|||
<rect class="nav-toggle-icon__bar nav-toggle-icon__bar--bot" x="4" y="16" width="16" height="2" rx="1" /> |
|||
</svg> |
|||
</button> |
|||
</header> |
|||
<div class="mask-content"> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>产品中心</h4> |
|||
<a href="#">智能家居系统</a> |
|||
<a href="#">酒店客控管理系统</a> |
|||
<a href="#">照明与灯控系统</a> |
|||
<a href="#">智慧医养解决方案</a> |
|||
<a href="#">美的中央空调案例</a> |
|||
<a href="#">绿色能源</a> |
|||
<a href="#">灯具系列</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>解决方案</h4> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>经典案例</h4> |
|||
<a href="#">智能家居</a> |
|||
<a href="#">智慧酒店</a> |
|||
<a href="#">智慧商建</a> |
|||
<a href="#">智能照明</a> |
|||
</div> |
|||
<div class="mask-footer__nav-col"> |
|||
<h4>关于宅极慧</h4> |
|||
<a href="">宅极慧iHM</a> |
|||
<a href="#">企业文化</a> |
|||
<a href="#">发展历史</a> |
|||
<a href="#">荣誉资质</a> |
|||
<a href="#">加入我们</a> |
|||
<a href="#">联系我们</a> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
<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/gsap@3.15/dist/SplitText.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/js/bootstrap.bundle.min.js" |
|||
integrity="sha384-FKyoEForCGlyvwx9Hj09JcYn3nv7wiPVlz7YYwJrWVcXK/BmnVDxM+D2scQbITxI" |
|||
crossorigin="anonymous"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js"></script> |
|||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> |
|||
<script src="https://unpkg.com/lenis@1.3.23/dist/lenis.min.js"></script> |
|||
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> |
|||
<script src="themes/static_new/index.js"></script> |
|||
|
|||
</body> |
|||
|
|||
</html> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue