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.
225 lines
12 KiB
225 lines
12 KiB
<!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>
|