You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
319 lines
23 KiB
319 lines
23 KiB
<!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>
|