qiaodan1993
/
HuoCms
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

demo

master
unknown 1 year ago
parent
d7a7a86bbf
commit
e1763d5749
10 changed files with 1399 additions and 2666 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 45
      HuoCMS_close_source/app/controller/frontend/DetailController.php
  2. 850
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/about.html
  3. 714
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/contact.html
  4. 64
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/footer.html
  5. 76
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/header.html
  6. 376
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/index.html
  7. 470
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/news.html
  8. 352
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/newsDetail.html
  9. 468
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/product.html
  10. 638
      HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/productDetail.html

45
HuoCMS_close_source/app/controller/frontend/DetailController.php
View File

@ -1,5 +1,6 @@
<?php <?php
declare (strict_types = 1);
declare(strict_types=1);
namespace app\controller\frontend; namespace app\controller\frontend;
@ -29,15 +30,15 @@ class DetailController extends BaseController
{ {
$id = (int)input('id'); $id = (int)input('id');
$cid = (int)input('cid'); $cid = (int)input('cid');
$cateCacheKey = 'hc_detail_cate_' .$this->sellerId.'_'.$this->siteId.'_'.$this->lang.'_'. $cid ;
$cateCacheKey = 'hc_detail_cate_' . $this->sellerId . '_' . $this->siteId . '_' . $this->lang . '_' . $cid;
$category = cache($cateCacheKey); $category = cache($cateCacheKey);
if(empty($category)){
if (empty($category)) {
try { try {
$category = $Category->getCategory(['id' => $cid, 'seller_id' => $this->sellerId, 'website_id' => $this->siteId,'lang' => $this->lang],['module.moduleField'])['data']->toArray();
Cache::set($cateCacheKey,$category);
}catch (ModelEmptyException $me){
$category = $Category->getCategory(['id' => $cid, 'seller_id' => $this->sellerId, 'website_id' => $this->realSiteId,'lang' => $this->lang],['module.moduleField'])['data']->toArray();
Cache::set($cateCacheKey,$category);
$category = $Category->getCategory(['id' => $cid, 'seller_id' => $this->sellerId, 'website_id' => $this->siteId, 'lang' => $this->lang], ['module.moduleField'])['data']->toArray();
Cache::set($cateCacheKey, $category);
} catch (ModelEmptyException $me) {
$category = $Category->getCategory(['id' => $cid, 'seller_id' => $this->sellerId, 'website_id' => $this->realSiteId, 'lang' => $this->lang], ['module.moduleField'])['data']->toArray();
Cache::set($cateCacheKey, $category);
} }
} }
if (!empty($category['content'])) { if (!empty($category['content'])) {
@ -75,9 +76,9 @@ class DetailController extends BaseController
$category['seo_description'] .= ",$huocmsPowerby"; $category['seo_description'] .= ",$huocmsPowerby";
} }
$this->assign('hc_content',$content->toArray());
$this->assign('current_cate',$category);
$this->assign('root_domain',$this->rootDomain);
$this->assign('hc_content', $content->toArray());
$this->assign('current_cate', $category);
$this->assign('root_domain', $this->rootDomain);
$template = !empty($content['detail_tpl']) ? $content['detail_tpl'] : $category['detail_tpl']; $template = !empty($content['detail_tpl']) ? $content['detail_tpl'] : $category['detail_tpl'];
return $this->fetch($template); return $this->fetch($template);
} }
@ -89,12 +90,12 @@ class DetailController extends BaseController
*/ */
public function preview() public function preview()
{ {
$param = $this->request->only(['id','cid','lang'=>$this->lang,'website_id'=>$this->realSiteId]);
$param = $this->request->only(['id', 'cid', 'lang' => $this->lang, 'website_id' => $this->realSiteId]);
$Category = new Category(); $Category = new Category();
$category = $Category->getCustomArrayData(['id' => $param['cid'], 'website_id' => $param['website_id'],'lang' => $param['lang']],['module.moduleField'])['data'];
if(empty($category)){
$category = $Category->getCustomArrayData(['id' => $param['cid'], 'website_id' => $param['website_id'], 'lang' => $param['lang']], ['module.moduleField'])['data'];
if (empty($category)) {
Log::error("栏目不存在"); Log::error("栏目不存在");
throw new HttpException(404,'资源不存在');
throw new HttpException(404, '资源不存在');
} }
$param['cate'] = $category; $param['cate'] = $category;
$param['seller_id'] = $this->sellerId; $param['seller_id'] = $this->sellerId;
@ -105,23 +106,23 @@ class DetailController extends BaseController
} }
$contentService = new ContentService(); $contentService = new ContentService();
$content = $contentService->getPreviewContent($param); $content = $contentService->getPreviewContent($param);
if(empty($content)){
if (empty($content)) {
Log::error("内容不存在"); Log::error("内容不存在");
throw new HttpException(404,'资源不存在');
throw new HttpException(404, '资源不存在');
} }
if (!empty($content['content'])) { if (!empty($content['content'])) {
$content['content'] = htmlspecialchars_decode($content['content']); $content['content'] = htmlspecialchars_decode($content['content']);
} }
if($category['id'] == 41 && empty($content['content'])){
if(empty($content['main_content']['file']['url'])){
if ($category['id'] == 41 && empty($content['content'])) {
if (empty($content['main_content']['file']['url'])) {
return redirect('/404.html'); return redirect('/404.html');
}else{
} else {
$url = $content['main_content']['file']['url']; $url = $content['main_content']['file']['url'];
return redirect($url); return redirect($url);
} }
} }
View::assign('hc_content',$content->toArray());
View::assign('current_cate',$category);
View::assign('hc_content', $content->toArray());
View::assign('current_cate', $category);
$template = !empty($content['detail_tpl']) ? $content['detail_tpl'] : $category['detail_tpl']; $template = !empty($content['detail_tpl']) ? $content['detail_tpl'] : $category['detail_tpl'];
return $this->fetch($template); return $this->fetch($template);
} }

850
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/about.html
View File

@ -1,539 +1,381 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <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">
<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>DESHI-关于我们</title> <title>DESHI-关于我们</title>
<link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
<link rel="stylesheet" href="/static/scss/common/footer/footer.css">
<link rel="stylesheet" href="/static/scss/about/about.css">
<script src="/static/js/jquery.min.js"></script>
</head>
<link rel="stylesheet" href="__TMPL__/static/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="__TMPL__/static/css/reset.css" />
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/navBar/nav_bar.css"
/>
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/footer/footer.css"
/>
<link rel="stylesheet" href="__TMPL__/static/scss/about/about.css" />
<script src="__TMPL__/static/js/jquery.min.js"></script>
</head>
<body>
<div class="nav_bar" id="navBar">
<div class="nav_bar_content">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
<div class="nav_bar_list">
<div class="nav_bar_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
</div>
<div class="nav_bar_right">
<div class="nav_bar_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.enter="searchEnter">
<div class="search_icon" @click="changeInputState">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
<body>
{include file="header"}
<div class="about">
<div
class="banner"
style="
background-image: url('{$current_cate['banner']['url']|default=''}');
"
>
<div class="banner_content">
<p class="banner_title">关于我们</p>
<p class="banner_remark">
您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">品牌介绍</a>
</p>
</div> </div>
<div class="nav_bar_content_mobile">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
</div>
<div class="nav_bar_right">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav_bar_mobile_main">
<div class="nav_bar_mobile_mask"></div>
<div class="nav_bar_mobile_content">
<div class="nav_bar_mobile_list">
<div class="nav_bar_mobile_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
<div class="nav_bar_mobile_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.13="mobileSearch">
<div class="search_icon" @click="mobileSearch">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
{hcTaglib:nav cid="1" max-level="2" item="nav" name="navList"} {if
condition="$nav.id == 2"} {volist name="nav.children" id="vo" }
<div class="navigation_item">
<a href="{$vo['href']}">{$vo['title']}</a>
</div>
{/volist} {/if} {/hcTaglib:nav}
</div> </div>
</div>
<div class="about">
<div class="banner" style="background-image:url('/static/images/about/banner.jpg')">
<div class="banner_content">
<p class="banner_title">关于我们</p>
<p class="banner_remark">您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">品牌介绍</a>
</p>
</div>
</div>
<div class="brand" id="brand">
<div class="brand_content">
{hcTaglib:contentdetail id="16" name="hc_content" }
{$hc_content['content']|raw} {/hcTaglib:contentdetail}
<div class="brand_right">
<img src="__TMPL__/static/images/about/brand.jpg" alt="" />
</div>
</div> </div>
<div class="navigation_seize"></div>
<div class="navigation ">
<div class="navigation_content">
<div class="navigation_item active" data-href="brand">
<a href="javascript:;">品牌介绍</a>
</div>
<div class="history" id="history">
<div class="history_title">
<p>发展历程</p>
</div>
<div class="history_navigation">
<div class="history_navigation_line"></div>
<div class="history_navigation_content">
<div class="swiper swiper-history-navigation">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="history_year">
<p>2021年</p>
</div>
</div> </div>
<div class="navigation_item" data-href="history">
<a href="javascript:;">发展历程</a>
<div class="swiper-slide">
<div class="history_year">
<p>2020年</p>
</div>
</div> </div>
<div class="navigation_item" data-href="honor">
<a href="javascript:;">资质荣誉</a>
<div class="swiper-slide">
<div class="history_year">
<p>2019年</p>
</div>
</div> </div>
</div>
</div>
<div class="brand" id="brand">
<div class="brand_content">
<div class="brand_left">
<p class="brand_title">品牌介绍</p>
<p class="brand_remark">
得事家电品牌正式进入中国，基于对中国市场的深刻洞察和准确定位，得事家电品牌在中国完成了全产业链布局，严格而先进的全球统一标准，贯穿了研发、采购、生产、销售直至售后服务全部家电产业生态系统的所有环节，为该品牌提供支持的投资公司、产品研发中心、原材料采购中心、销售公司、服务公司等机构遍布全国各地。
</p>
<div class="brand_list">
<div class="brand_item">
<div class="brand_item_content">
<p class="brand_num">10<span>+</span></p>
<p class="brand_num_title">行业经验</p>
</div>
</div>
<div class="brand_item">
<div class="brand_item_content">
<p class="brand_num">3000<span>+</span></p>
<p class="brand_num_title">服务客服</p>
</div>
</div>
<div class="brand_item">
<div class="brand_item_content">
<p class="brand_num">200<span>+</span></p>
<p class="brand_num_title">产品种类</p>
</div>
</div>
<div class="brand_item">
<div class="brand_item_content">
<p class="brand_num">60<span>+</span></p>
<p class="brand_num_title">技术团队</p>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history_year">
<p>2018年</p>
</div>
</div> </div>
<div class="brand_right">
<img src="/static/images/about/brand.jpg" alt="">
<div class="swiper-slide">
<div class="history_year">
<p>2017年</p>
</div>
</div> </div>
</div>
</div>
<div class="history" id="history">
<div class="history_title">
<p>发展历程</p>
</div>
<div class="history_navigation">
<div class="history_navigation_line"></div>
<div class="history_navigation_content">
<div class="swiper swiper-history-navigation">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="history_year">
<p>2021年</p>
</div>
</div>
<div class="swiper-slide">
<div class="history_year">
<p>2020年</p>
</div>
</div>
<div class="swiper-slide">
<div class="history_year">
<p>2019年</p>
</div>
</div>
<div class="swiper-slide">
<div class="history_year">
<p>2018年</p>
</div>
</div>
<div class="swiper-slide">
<div class="history_year">
<p>2017年</p>
</div>
</div>
<div class="swiper-slide">
<div class="history_year">
<p>2016年</p>
</div>
</div>
</div>
</div>
<div class="swiper-button-prev-history"></div>
<div class="swiper-button-next-history"></div>
</div>
</div>
<div class="history_main">
<div class="history_content">
<div class="swiper swiper-history">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="history_pic">
<img src="/static/images/about/history.jpg" alt="">
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history_pic">
<img src="/static/images/about/history.jpg" alt="">
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history_pic">
<img src="/static/images/about/history.jpg" alt="">
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history_pic">
<img src="/static/images/about/history.jpg" alt="">
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history_pic">
<img src="/static/images/about/history.jpg" alt="">
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history_pic">
<img src="/static/images/about/history.jpg" alt="">
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="history_year">
<p>2016年</p>
</div>
</div> </div>
</div>
</div> </div>
<div class="swiper-button-prev-history"></div>
<div class="swiper-button-next-history"></div>
</div>
</div> </div>
<div class="honor" id="honor">
<div class="honor_title">
<p>荣誉资质</p>
</div>
<div class="honor_content">
<div class="honor_item">
<div class="honor_pic">
<img src="/static/images/about/honor-1.jpg" alt="">
<div class="history_main">
<div class="history_content">
<div class="swiper swiper-history">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="history_pic">
<img
src="__TMPL__/static/images/about/history.jpg"
alt=""
/>
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div> </div>
<p class="honor_remark">ISO9001质量管理体系认证</p>
</div>
</div> </div>
<div class="honor_item">
<div class="honor_pic">
<img src="/static/images/about/honor-2.jpg" alt="">
<div class="swiper-slide">
<div class="history_pic">
<img
src="__TMPL__/static/images/about/history.jpg"
alt=""
/>
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div> </div>
<p class="honor_remark">ISO9001质量管理体系认证</p>
</div>
</div> </div>
<div class="honor_item">
<div class="honor_pic">
<img src="/static/images/about/honor-3.jpg" alt="">
<div class="swiper-slide">
<div class="history_pic">
<img
src="__TMPL__/static/images/about/history.jpg"
alt=""
/>
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div> </div>
<p class="honor_remark">ISO9001质量管理体系认证</p>
</div>
</div> </div>
<div class="honor_item">
<div class="honor_pic">
<img src="/static/images/about/honor-4.jpg" alt="">
<div class="swiper-slide">
<div class="history_pic">
<img
src="__TMPL__/static/images/about/history.jpg"
alt=""
/>
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div> </div>
<p class="honor_remark">ISO9001质量管理体系认证</p>
</div>
</div> </div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_main">
<div class="footer_left">
<a href="/index.html" class="footer_logo">
<img src="/static/images/common/logo-w.png" alt="">
</a>
<div class="footer_contact">
<a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
<a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
<a class="phone" href="tel:021-58956622">电话：021-58956622</a>
</div>
<div class="footer_qrcode">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
<div class="swiper-slide">
<div class="history_pic">
<img
src="__TMPL__/static/images/about/history.jpg"
alt=""
/>
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div> </div>
</div>
</div> </div>
<div class="footer_middle">
<div class="footer_list">
<div class="footer_item">
<div class="footer_item_title">
<p>品牌介绍</p>
</div>
<div class="footer_items">
<a href="/about.html#brand">品牌介绍</a>
<a href="/about.html#history">发展历程</a>
<a href="/about.html#honor">资质荣誉</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>产品展示</p>
</div>
<div class="footer_items">
<a href="/product.html">高端浴缸</a>
<a href="/product.html">龙头组合</a>
<a href="/product.html">老式混水阀</a>
<a href="/product.html">面盆龙头</a>
<a href="/product.html">菜盆龙头</a>
<a href="/product.html">明装恒温阀</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>新闻中心</p>
</div>
<div class="footer_items">
<a href="/news.html">公司新闻</a>
<a href="/news.html">行业新闻</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>联系我们</p>
</div>
<div class="footer_items">
<a href="/contact.html#contact">联系方式</a>
<a href="/contact.html#message">在线留言</a>
<a href="/contact.html#join">人才招聘</a>
</div>
</div>
<div class="swiper-slide">
<div class="history_pic">
<img
src="__TMPL__/static/images/about/history.jpg"
alt=""
/>
</div>
<div class="history_introduce">
<div class="history_list">
<div class="history_item">
<p>
率先通过了中国节水认证、ISO9001质量管理体系认证、ISO14001环境管理体系认证、职业健康安全管理体系认证等国内权威认证机构的认证。
</p>
</div>
<div class="history_item">
<p>
获得了3A信用企业、中国著名品牌、厨卫行业首选品牌、消费者质量满意放心产品、中国绿色环保产品、2021沸腾质量奖等诸多荣誉。
</p>
</div>
</div> </div>
</div>
</div> </div>
<div class="footer_right">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
</div>
</div> </div>
<div class="footer_copyright">
<div class="copyright_left">
<p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
</div>
<div class="copyright_right">
<p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
</div>
</div>
</div>
</div>
<div class="honor" id="honor">
<div class="honor_title">
<p>荣誉资质</p>
</div>
<div class="honor_content">
{hcTaglib:contentdetail id="15" name="hc_content" item="nav"} {volist
name="hc_content.main_content.intro_img" id="vo" }
<div class="honor_item">
<div class="honor_pic">
<img src="{$vo.url}" alt="" />
</div> </div>
</div>
{/volist} {/hcTaglib:contentdetail}
</div> </div>
</div>
</div> </div>
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="/static/js/public.js"></script>
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<script>
$(function() {
/* 各板块距离顶部距离 */
var plateTop = [];
/* 发展历程(导航)-swiper */
var historyNavigationSwiper = new Swiper('.swiper-history-navigation', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
grabCursor: true,
breakpoints: {
100: {
slidesPerView: 2,
},
800: {
slidesPerView: 4
},
996: {
slidesPerView: 5
}
},
navigation: {
nextEl: ".swiper-button-next-history",
prevEl: ".swiper-button-prev-history",
}
});
/* 发展历程-swiper */
var historySwiper = new Swiper('.swiper-history', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
grabCursor: true,
thumbs: {
swiper: historyNavigationSwiper,
},
});
$(window).scroll(function() {
navigationInit()
navigationScroll()
});
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width();
var pageHeight = $(window).height();
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
}
};
navigationInit();
/* 导航栏点解，页面滚动到相应位置 */
$('.navigation_item').click(function() {
let id = $(this).data('href')
$('html,body').animate({
scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
}, 500);
});
/* 获取链接hash，页面刷新初始化滚动条位置 */
function hrefInit() {
let href = location.hash.replaceAll('#', '')
for (let i = 0; i < $('.navigation_item').length; i++) {
let hrefName = $($('.navigation_item').get(i)).data('href')
plateTop.push($(`#${hrefName}`).offset().top - 80 - $('.navigation').height())
if ($('.navigation_item').get(i).dataset.href == href) {
$($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
$('html,body').animate({
scrollTop: $(`#${href}`).offset().top - 80 - $('.navigation').height()
}, 500);
}
}
{include file="footer"}
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script
type="text/javascript"
src="__TMPL__/static/js/swiper-bundle.min.js"
></script>
<script type="text/javascript" src="__TMPL__/static/js/public.js"></script>
<script type="text/javascript" src="__TMPL__/static/js/wow.min.js"></script>
<script>
$(function () {
/* 各板块距离顶部距离 */
var plateTop = []
/* 发展历程(导航)-swiper */
var historyNavigationSwiper = new Swiper('.swiper-history-navigation', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
grabCursor: true,
breakpoints: {
100: {
slidesPerView: 2
},
800: {
slidesPerView: 4
},
996: {
slidesPerView: 5
}
},
navigation: {
nextEl: '.swiper-button-next-history',
prevEl: '.swiper-button-prev-history'
}
})
/* 发展历程-swiper */
var historySwiper = new Swiper('.swiper-history', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
grabCursor: true,
thumbs: {
swiper: historyNavigationSwiper
} }
hrefInit();
/* 页面滚动给导航栏添加样式 */
function navigationScroll() {
for (let i = 0; i < plateTop.length; i++) {
if ($(document).scrollTop() >= plateTop[i] - 5) {
$($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
}
}
})
$(window).scroll(function () {
navigationInit()
navigationScroll()
})
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width()
var pageHeight = $(window).height()
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
} }
}
navigationInit()
/* 导航栏点解，页面滚动到相应位置 */
$('.navigation_item').click(function () {
let id = $(this).data('href')
$('html,body').animate(
{
scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
},
500
)
})
/* 获取链接hash，页面刷新初始化滚动条位置 */
function hrefInit() {
let href = location.hash.replaceAll('#', '')
for (let i = 0; i < $('.navigation_item').length; i++) {
let hrefName = $($('.navigation_item').get(i)).data('href')
plateTop.push(
$(`#${hrefName}`).offset().top - 80 - $('.navigation').height()
)
if ($('.navigation_item').get(i).dataset.href == href) {
$($('.navigation_item').get(i))
.addClass('active')
.siblings()
.removeClass('active')
$('html,body').animate(
{
scrollTop:
$(`#${href}`).offset().top - 80 - $('.navigation').height()
},
500
)
}
}
}
hrefInit()
/* 页面滚动给导航栏添加样式 */
function navigationScroll() {
for (let i = 0; i < plateTop.length; i++) {
if ($(document).scrollTop() >= plateTop[i] - 5) {
$($('.navigation_item').get(i))
.addClass('active')
.siblings()
.removeClass('active')
}
}
}
}) })
</script>
</script>
</html> </html>

714
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/contact.html
View File

@ -1,437 +1,323 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <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">
<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>DESHI-联系我们</title> <title>DESHI-联系我们</title>
<link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
<link rel="stylesheet" href="/static/scss/common/footer/footer.css">
<link rel="stylesheet" href="/static/scss/contact/contact.css">
<script src="/static/js/jquery.min.js"></script>
</head>
<link rel="stylesheet" href="__TMPL__/static/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="__TMPL__/static/css/reset.css" />
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/navBar/nav_bar.css"
/>
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/footer/footer.css"
/>
<link rel="stylesheet" href="__TMPL__/static/scss/contact/contact.css" />
<script src="__TMPL__/static/js/jquery.min.js"></script>
</head>
<body>
<div class="nav_bar" id="navBar">
<div class="nav_bar_content">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
<div class="nav_bar_list">
<div class="nav_bar_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
</div>
<div class="nav_bar_right">
<div class="nav_bar_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.enter="searchEnter">
<div class="search_icon" @click="changeInputState">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
<div class="nav_bar_content_mobile">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
</div>
<div class="nav_bar_right">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav_bar_mobile_main">
<div class="nav_bar_mobile_mask"></div>
<div class="nav_bar_mobile_content">
<div class="nav_bar_mobile_list">
<div class="nav_bar_mobile_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
<div class="nav_bar_mobile_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.13="mobileSearch">
<div class="search_icon" @click="mobileSearch">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<body>
{include file="header"}
<div class="contact"> <div class="contact">
<div class="banner" style="background-image:url('/static/images/contact/banner.jpg')">
<div class="banner_content">
<p class="banner_title">联系我们</p>
<p class="banner_remark">您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">联系我们</a>
</p>
</div>
</div>
<div class="navigation_seize"></div>
<div class="navigation ">
<div class="navigation_content">
<div class="navigation_item active" data-href="contact">
<a href="javascript:;">联系方式</a>
</div>
<div class="navigation_item" data-href="message">
<a href="javascript:;">在线留言</a>
</div>
<div class="navigation_item" data-href="join">
<a href="javascript:;">加入我们</a>
</div>
</div>
<div
class="banner"
style="
background-image: url('{$current_cate['banner']['url']|default=''}');
"
>
<div class="banner_content">
<p class="banner_title">联系我们</p>
<p class="banner_remark">
您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">联系我们</a>
</p>
</div> </div>
<div class="contact_information" id="contact">
<div class="contact_content">
<div class="contact_introduce">
<p class="contact_title">上海得势实业有限公司</p>
<p class="contact_remark">我们会为您找到适用的解决方案，您可以通过电话、聊天、电子邮件等方式联系我们。</p>
<div class="contact_list">
<div class="contact_item">
<a href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
</div>
<div class="contact_item">
<a href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
</div>
<div class="contact_item">
<a href="tel:021-58956622">电话：021-58956622</a>
</div>
<div class="contact_item">
<a href="tel:021-58956622">传真：021-58956622</a>
</div>
</div>
</div>
<div class="contact_map">
<img src="/static/images/contact/map.jpg" alt="">
</div>
</div>
</div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
{hcTaglib:nav cid="1" max-level="2" item="nav" name="navList"} {if
condition="$nav.id == 5"} {volist name="nav.children" id="vo" }
<div class="navigation_item">
<a href="{$vo['href']}">{$vo['title']}</a>
</div>
{/volist} {/if} {/hcTaglib:nav}
</div> </div>
<div class="message" id="message" style="background-image:url('/static/images/contact/message.jpg')">
<div class="message_content">
<div class="message_container">
<div class="message_introduce">
<p class="message_title">留下您的信息 获取特惠报价</p>
<p class="message_remark">请您填写您信息，将有助于我们及时与您取得联系</p>
</div>
<div class="form_content" id="form">
<div class="form_item">
<div class="form_label">
<p class="label"><span>*</span>您的姓名：</p>
<p class="error">{{error.name}}</p>
</div>
<input type="text" name="name" v-model="form.name">
</div>
<div class="form_item">
<div class="form_label">
<p class="label"><span>*</span>您的电话：</p>
<p class="error">{{error.phone}}</p>
</div>
<input type="text" name="phone" v-model="form.phone">
</div>
<div class="form_item">
<div class="form_label">
<p class="label"><span>*</span>您的邮箱：</p>
<p class="error">{{error.email}}</p>
</div>
<input type="text" name="email" v-model="form.email">
</div>
<div class="form_submit" @click="submitClick">
提交
</div>
</div>
</div>
</div>
<div class="contact_information" id="contact">
<div class="contact_content">
<div class="contact_introduce">
<p class="contact_title">
{hcTaglib:setting name="company_name" type="1" /}
</p>
<p class="contact_remark">
我们会为您找到适用的解决方案，您可以通过电话、聊天、电子邮件等方式联系我们。
</p>
<div class="contact_list">
<div class="contact_item">
<a href="javascript:;">
地址：{hcTaglib:setting name="company_address" type="1" /}
</a>
</div>
<div class="contact_item">
<a href="mailto:106056320@qq.com">
邮箱：{hcTaglib:setting name="company_email" type="1" /}
</a>
</div>
<div class="contact_item">
<a href="tel:021-58956622">
电话：{hcTaglib:setting name="company_phone" type="1" /}
</a>
</div>
</div> </div>
</div>
<div class="contact_map">
<img src="__TMPL__/static/images/contact/map.jpg" alt="" />
</div>
</div> </div>
<div class="join" id="join">
<div class="join_content">
<div class="join_introduce">
<p class="join_title">我们在这里欢迎你的到来</p>
<p class="join_remark">加入我们，我们始终求贤若渴，简历邮箱：1060563220@qq.com</p>
</div>
<div class="join_list">
<div class="join_item">
<p class="join_item_title">天猫设计师</p>
<p class="join_item_money">8k-15k</p>
<p class="join_item_remark">负责天猫、淘宝、京东等平台的视觉设计及网页制作；精通PS AI 、良好的色彩视觉(很重要)；有大型活动专题作品。</p>
</div>
<div class="join_item">
<p class="join_item_title">天猫设计师</p>
<p class="join_item_money">8k-15k</p>
<p class="join_item_remark">负责天猫、淘宝、京东等平台的视觉设计及网页制作；精通PS AI 、良好的色彩视觉(很重要)；有大型活动专题作品。</p>
</div>
<div class="join_item">
<p class="join_item_title">天猫设计师</p>
<p class="join_item_money">8k-15k</p>
<p class="join_item_remark">负责天猫、淘宝、京东等平台的视觉设计及网页制作；精通PS AI 、良好的色彩视觉(很重要)；有大型活动专题作品。</p>
</div>
</div>
</div>
<div
class="message"
id="message"
style="
background-image: url('__TMPL__/static/images/contact/message.jpg');
"
>
<div class="message_content">
<div class="message_container">
<div class="message_introduce">
<p class="message_title">留下您的信息 获取特惠报价</p>
<p class="message_remark">
请您填写您信息，将有助于我们及时与您取得联系
</p>
</div> </div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_main">
<div class="footer_left">
<a href="/index.html" class="footer_logo">
<img src="/static/images/common/logo-w.png" alt="">
</a>
<div class="footer_contact">
<a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
<a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
<a class="phone" href="tel:021-58956622">电话：021-58956622</a>
</div>
<div class="footer_qrcode">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
<div class="form_content" id="form">
<div class="form_item">
<div class="form_label">
<p class="label">
<span>*</span>
您的姓名：
</p>
<p class="error">{{error.name}}</p>
</div> </div>
<div class="footer_middle">
<div class="footer_list">
<div class="footer_item">
<div class="footer_item_title">
<p>品牌介绍</p>
</div>
<div class="footer_items">
<a href="/about.html#brand">品牌介绍</a>
<a href="/about.html#history">发展历程</a>
<a href="/about.html#honor">资质荣誉</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>产品展示</p>
</div>
<div class="footer_items">
<a href="/product.html">高端浴缸</a>
<a href="/product.html">龙头组合</a>
<a href="/product.html">老式混水阀</a>
<a href="/product.html">面盆龙头</a>
<a href="/product.html">菜盆龙头</a>
<a href="/product.html">明装恒温阀</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>新闻中心</p>
</div>
<div class="footer_items">
<a href="/news.html">公司新闻</a>
<a href="/news.html">行业新闻</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>联系我们</p>
</div>
<div class="footer_items">
<a href="/contact.html#contact">联系方式</a>
<a href="/contact.html#message">在线留言</a>
<a href="/contact.html#join">人才招聘</a>
</div>
</div>
</div>
<input type="text" name="name" v-model="form.name" />
</div>
<div class="form_item">
<div class="form_label">
<p class="label">
<span>*</span>
您的电话：
</p>
<p class="error">{{error.phone}}</p>
</div> </div>
<div class="footer_right">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
<input type="text" name="phone" v-model="form.phone" />
</div>
<div class="form_item">
<div class="form_label">
<p class="label">
<span>*</span>
您的邮箱：
</p>
<p class="error">{{error.email}}</p>
</div> </div>
<input type="text" name="email" v-model="form.email" />
</div>
<div class="form_submit" @click="submitClick">提交</div>
</div> </div>
<div class="footer_copyright">
<div class="copyright_left">
<p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
</div>
<div class="copyright_right">
<p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
</div>
</div>
</div>
</div>
<div class="join" id="join">
<div class="join_content">
<div class="join_introduce">
<p class="join_title">我们在这里欢迎你的到来</p>
<p class="join_remark">
加入我们，我们始终求贤若渴，简历邮箱：1060563220@qq.com
</p>
</div>
<div class="join_list">
{hcTaglib:contentPage
mainField="id,title,thumbnail,description,sub_title" name="products"
limit="3" name="case_list"}
<div class="join_item">
<p class="join_item_title">{$vo['title']}</p>
<p class="join_item_money">{$vo['sub_title']}</p>
<p class="join_item_remark">{$vo['description']}</p>
</div> </div>
{/hcTaglib:contentPage}
</div>
</div> </div>
</div>
</div> </div>
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="/static/js/public.js"></script>
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<script>
{include file="footer"}
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script
type="text/javascript"
src="__TMPL__/static/js/swiper-bundle.min.js"
></script>
<script type="text/javascript" src="__TMPL__/static/js/public.js"></script>
<script type="text/javascript" src="__TMPL__/static/js/wow.min.js"></script>
<script>
new Vue({ new Vue({
el: '#form',
data: function() {
return {
form: {
name: "",
phone: "",
email: ""
},
error: {
name: "",
phone: "",
email: ""
}
}
},
methods: {
submitClick() {
let isFot = true;
const regPhone = /^1[3456789]\d{9}$/;
const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;
/* 姓名 */
if (!this.form.name) {
this.error.name = "姓名不能为空";
isFot = false;
} else {
this.error.name = ""
}
/* 手机号 */
if (!this.form.phone) {
this.error.phone = "手机号不能为空";
isFot = false
} else if (!regPhone.test(this.form.phone.trim())) {
this.error.phone = "手机号不合法";
isFot = false
} else {
this.error.phone = ""
}
/* 邮箱 */
if (!this.form.email) {
this.error.email = "邮箱不能为空";
isFot = false
} else if (this.form.email && !regEmail.test(this.form.email.trim())) {
this.error.email = "邮箱不合法";
isFot = false
} else {
this.error.email = "";
}
if (isFot) {
$.ajax({
url: "###",
type: "POST",
data: {
name: this.form.name,
phone: this.form.phone,
email: this.form.email
},
success: (res) => {
this.form.company = '';
this.form.name = '';
this.form.phone = '';
this.form.email = '';
this.form.demand = '';
this.form.describe = '';
alert("提交成功")
},
error: (e) => {
alert('提交失败！请联系管理员')
}
})
}
}
el: '#form',
data: function () {
return {
form: {
name: '',
phone: '',
email: ''
},
error: {
name: '',
phone: '',
email: ''
}
} }
});
$(function() {
/* 各板块距离顶部距离 */
var plateTop = [];
$(window).scroll(function() {
navigationInit()
navigationScroll()
});
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width();
var pageHeight = $(window).height();
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
}
};
navigationInit();
/* 导航栏点解，页面滚动到相应位置 */
$('.navigation_item').click(function() {
let id = $(this).data('href')
$('html,body').animate({
scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
}, 500);
});
/* 获取链接hash，页面刷新初始化滚动条位置 */
function hrefInit() {
let href = location.hash.replaceAll('#', '')
for (let i = 0; i < $('.navigation_item').length; i++) {
let hrefName = $($('.navigation_item').get(i)).data('href')
plateTop.push($(`#${hrefName}`).offset().top - 80 - $('.navigation').height())
if ($('.navigation_item').get(i).dataset.href == href) {
$($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
$('html,body').animate({
scrollTop: $(`#${href}`).offset().top - 80 - $('.navigation').height()
}, 500);
}
}
},
methods: {
submitClick() {
let isFot = true
const regPhone = /^1[3456789]\d{9}$/
const regEmail =
/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/
/* 姓名 */
if (!this.form.name) {
this.error.name = '姓名不能为空'
isFot = false
} else {
this.error.name = ''
}
/* 手机号 */
if (!this.form.phone) {
this.error.phone = '手机号不能为空'
isFot = false
} else if (!regPhone.test(this.form.phone.trim())) {
this.error.phone = '手机号不合法'
isFot = false
} else {
this.error.phone = ''
}
/* 邮箱 */
if (!this.form.email) {
this.error.email = '邮箱不能为空'
isFot = false
} else if (
this.form.email &&
!regEmail.test(this.form.email.trim())
) {
this.error.email = '邮箱不合法'
isFot = false
} else {
this.error.email = ''
}
if (isFot) {
$.ajax({
url: '###',
type: 'POST',
data: {
name: this.form.name,
phone: this.form.phone,
email: this.form.email
},
success: res => {
this.form.company = ''
this.form.name = ''
this.form.phone = ''
this.form.email = ''
this.form.demand = ''
this.form.describe = ''
alert('提交成功')
},
error: e => {
alert('提交失败！请联系管理员')
}
})
}
}
}
})
$(function () {
/* 各板块距离顶部距离 */
var plateTop = []
$(window).scroll(function () {
navigationInit()
navigationScroll()
})
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width()
var pageHeight = $(window).height()
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
} }
hrefInit();
/* 页面滚动给导航栏添加样式 */
function navigationScroll() {
for (let i = 0; i < plateTop.length; i++) {
if ($(document).scrollTop() >= plateTop[i] - 5) {
$($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
}
}
}
navigationInit()
/* 导航栏点解，页面滚动到相应位置 */
$('.navigation_item').click(function () {
let id = $(this).data('href')
$('html,body').animate(
{
scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
},
500
)
})
/* 获取链接hash，页面刷新初始化滚动条位置 */
function hrefInit() {
let href = location.hash.replaceAll('#', '')
for (let i = 0; i < $('.navigation_item').length; i++) {
let hrefName = $($('.navigation_item').get(i)).data('href')
plateTop.push(
$(`#${hrefName}`).offset().top - 80 - $('.navigation').height()
)
if ($('.navigation_item').get(i).dataset.href == href) {
$($('.navigation_item').get(i))
.addClass('active')
.siblings()
.removeClass('active')
$('html,body').animate(
{
scrollTop:
$(`#${href}`).offset().top - 80 - $('.navigation').height()
},
500
)
}
} }
}
hrefInit()
/* 页面滚动给导航栏添加样式 */
function navigationScroll() {
for (let i = 0; i < plateTop.length; i++) {
if ($(document).scrollTop() >= plateTop[i] - 5) {
$($('.navigation_item').get(i))
.addClass('active')
.siblings()
.removeClass('active')
}
}
}
}) })
</script>
</script>
</html> </html>

64
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/footer.html
View File

@ -0,0 +1,64 @@
<div class="footer">
<div class="footer_content">
<div class="footer_main">
<div class="footer_left">
<a href="/index.html" class="footer_logo">
<img src="__TMPL__/static/images/common/logo-w.png" alt="" />
</a>
<div class="footer_contact">
<a class="address" href="javascript:;">
地址：{hcTaglib:setting name="company_address" type="1" /}
</a>
<a class="email" href="mailto:106056320@qq.com">
邮箱：{hcTaglib:setting name="company_email" type="1" /}
</a>
<a class="phone" href="tel:021-58956622">
电话：{hcTaglib:setting name="company_phone" type="1" /}
</a>
</div>
</div>
<div class="footer_middle">
<div class="footer_list">
{hcTaglib:nav cid="2" max-level="2" item="nav" name="navList"}
<div class="footer_item">
<div class="footer_item_title">
<p>{$nav['title']}</p>
</div>
<div class="footer_items">
{volist name="nav.children" id="vo" }
<a href="{$vo['href']}">{$vo['title']}</a>
{/volist}
</div>
</div>
{/hcTaglib:nav}
</div>
</div>
<div class="footer_right">
{hcTaglib:setting name="wechat_code"/}
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_copyright">
<div class="copyright_left">
<p>
Copyright © 2021 DESHI All Rights Reserved.
<a href="https://beian.miit.gov.cn/" target="_blank" rel="nofollow">
沪ICP备2021024265号
</a>
Powered by
<a href="https://www.huocms.com/" target="_blank" rel="nofollow">
HuoCMS
</a>
</p>
</div>
<div class="copyright_right">
<p>
Designed by
<a href="https://www.pailiu.com/" target="_blank" rel="nofollow">
派流
</a>
</p>
</div>
</div>
</div>
</div>

76
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/header.html
View File

@ -0,0 +1,76 @@
<div class="nav_bar" id="navBar">
<div class="nav_bar_content">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img
class="logo_w"
src="__TMPL__/static/images/common/logo-w.png"
alt=""
/>
<img
class="logo_b"
src="__TMPL__/static/images/common/logo-b.png"
alt=""
/>
</a>
</div>
<div class="nav_bar_list">
{hcTaglib:nav cid="1" max-level="1" item="nav" name="navList"}
<div class="nav_bar_item">
<a href="{$nav['href']}">{$nav['title']}</a>
</div>
{/hcTaglib:nav}
</div>
</div>
<div class="nav_bar_right">
<div class="nav_bar_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.enter="searchEnter" />
<div class="search_icon" @click="changeInputState">
<img src="__TMPL__/static/images/common/icon-search.png" alt="" />
</div>
</div>
</div>
</div>
<div class="nav_bar_content_mobile">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img
class="logo_w"
src="__TMPL__/static/images/common/logo-w.png"
alt=""
/>
<img
class="logo_b"
src="__TMPL__/static/images/common/logo-b.png"
alt=""
/>
</a>
</div>
</div>
<div class="nav_bar_right">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav_bar_mobile_main">
<div class="nav_bar_mobile_mask"></div>
<div class="nav_bar_mobile_content">
<div class="nav_bar_mobile_list">
{hcTaglib:nav cid="1" max-level="1" item="nav" name="navList"}
<div class="nav_bar_item">
<a href="{$nav['href']}">{$nav['title']}</a>
</div>
{/hcTaglib:nav}
</div>
<div class="nav_bar_mobile_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.13="mobileSearch" />
<div class="search_icon" @click="mobileSearch">
<img src="__TMPL__/static/images/common/icon-search.png" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>

376
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DESHI-首页</title>
<title>{hcTaglib:setting name="site_name"/}-首页</title>
<link rel="stylesheet" href="__TMPL__/static/css/swiper-bundle.min.css" /> <link rel="stylesheet" href="__TMPL__/static/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="__TMPL__/static/css/reset.css" /> <link rel="stylesheet" href="__TMPL__/static/css/reset.css" />
<link <link
@ -19,174 +19,21 @@
<script src="__TMPL__/static/js/jquery.min.js"></script> <script src="__TMPL__/static/js/jquery.min.js"></script>
</head> </head>
<body> <body>
<div class="nav_bar" id="navBar">
<div class="nav_bar_content">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img
class="logo_w"
src="__TMPL__/static/images/common/logo-w.png"
alt=""
/>
<img
class="logo_b"
src="__TMPL__/static/images/common/logo-b.png"
alt=""
/>
</a>
</div>
<div class="nav_bar_list">
<div class="nav_bar_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
</div>
<div class="nav_bar_right">
<div class="nav_bar_search" :class="{active:inputState}">
<input
type="text"
v-model="searchValue"
@keyup.enter="searchEnter"
/>
<div class="search_icon" @click="changeInputState">
<img src="__TMPL__/static/images/common/icon-search.png" alt="" />
</div>
</div>
</div>
</div>
<div class="nav_bar_content_mobile">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img
class="logo_w"
src="__TMPL__/static/images/common/logo-w.png"
alt=""
/>
<img
class="logo_b"
src="__TMPL__/static/images/common/logo-b.png"
alt=""
/>
</a>
</div>
</div>
<div class="nav_bar_right">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav_bar_mobile_main">
<div class="nav_bar_mobile_mask"></div>
<div class="nav_bar_mobile_content">
<div class="nav_bar_mobile_list">
<div class="nav_bar_mobile_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
<div class="nav_bar_mobile_search" :class="{active:inputState}">
<input
type="text"
v-model="searchValue"
@keyup.13="mobileSearch"
/>
<div class="search_icon" @click="mobileSearch">
<img
src="__TMPL__/static/images/common/icon-search.png"
alt=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
{include file="header"}
<div class="index"> <div class="index">
<!-- banner --> <!-- banner -->
<div class="banner"> <div class="banner">
<div class="banner_content"> <div class="banner_content">
<div class="swiper swiper-banner"> <div class="swiper swiper-banner">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:contentPage mainField="id,title,thumbnail,description"
name="products" limit="3" name="case_list"}
<div class="swiper-slide"> <div class="swiper-slide">
<div class="banner_container"> <div class="banner_container">
<div class="banner_introduce"> <div class="banner_introduce">
<p class="banner_title">为消费者带来高品质的生活</p>
<p class="banner_remark">
先进的思想，追求优良的性能，满足广泛的现代生活需求
</p>
<a href="/product.html" class="banner_link">
了解更多
<img
src="__TMPL__/static/images/index/icon-more.png"
alt=""
/>
</a>
</div>
</div>
<div class="banner_pull">
<img
src="__TMPL__/static/images/index/icon-pull.png"
alt=""
/>
</div>
</div>
<div class="swiper-slide">
<div class="banner_container">
<div class="banner_introduce">
<p class="banner_title">为消费者带来高品质的生活</p>
<p class="banner_remark">
先进的思想，追求优良的性能，满足广泛的现代生活需求
</p>
<a href="/product.html" class="banner_link">
了解更多
<img
src="__TMPL__/static/images/index/icon-more.png"
alt=""
/>
</a>
</div>
</div>
<div class="banner_pull">
<img
src="__TMPL__/static/images/index/icon-pull.png"
alt=""
/>
</div>
</div>
<div class="swiper-slide">
<div class="banner_container">
<div class="banner_introduce">
<p class="banner_title">为消费者带来高品质的生活</p>
<p class="banner_remark">
先进的思想，追求优良的性能，满足广泛的现代生活需求
</p>
<p class="banner_title">{$vo['title']}</p>
<p class="banner_remark">{$vo['description']}</p>
<a href="/product.html" class="banner_link"> <a href="/product.html" class="banner_link">
了解更多 了解更多
<img <img
@ -204,6 +51,7 @@
/> />
</div> </div>
</div> </div>
{/hcTaglib:contentPage}
</div> </div>
</div> </div>
<div class="swiper-pagination-banner"></div> <div class="swiper-pagination-banner"></div>
@ -253,6 +101,9 @@
</div> </div>
<div class="swiper swiper-product"> <div class="swiper swiper-product">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
{hcTaglib:content cid="3" moduleId="1" name="contentList"
limit="10" mainField="id,title,thumbnail,description" onlyData="2"
item="case"}
<div class="swiper-slide"> <div class="swiper-slide">
<div class="product_main_pic"> <div class="product_main_pic">
<img <img
@ -260,100 +111,13 @@
alt="" alt=""
/> />
</div> </div>
<a href="/productDetail.html" class="product_main_introduce">
<a
href="{:hcUrl('detail/index',['id'=>$case['id'],'cid'=>$case['category_id']])}"
class="product_main_introduce"
>
<div class="product_main_text"> <div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">
现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
</p>
</div>
<div class="product_main_more">
<img
src="__TMPL__/static/images/index/icon-more.png"
alt=""
/>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="product_main_pic">
<img
src="__TMPL__/static/images/index/product-2.png"
alt=""
/>
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">
现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
</p>
</div>
<div class="product_main_more">
<img
src="__TMPL__/static/images/index/icon-more.png"
alt=""
/>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="product_main_pic">
<img
src="__TMPL__/static/images/index/product-3.png"
alt=""
/>
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">
现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
</p>
</div>
<div class="product_main_more">
<img
src="__TMPL__/static/images/index/icon-more.png"
alt=""
/>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="product_main_pic">
<img
src="__TMPL__/static/images/index/product-4.png"
alt=""
/>
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">
现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
</p>
</div>
<div class="product_main_more">
<img
src="__TMPL__/static/images/index/icon-more.png"
alt=""
/>
</div>
</a>
</div>
<div class="swiper-slide">
<div class="product_main_pic">
<img
src="__TMPL__/static/images/index/product-1.png"
alt=""
/>
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">
现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆
</p>
<p class="product_main_title">{$case['title']}</p>
<p class="product_main_remark">{$case['description']}</p>
</div> </div>
<div class="product_main_more"> <div class="product_main_more">
<img <img
@ -363,12 +127,9 @@
</div> </div>
</a> </a>
</div> </div>
{/hcTaglib:content}
</div> </div>
</div> </div>
<div class="pagation_product">
<div class="swiper-button-prev-product swiper-nav-product"></div>
<div class="swiper-button-next-product swiper-nav-product"></div>
</div>
</div> </div>
</div> </div>
<!-- 新闻资讯 --> <!-- 新闻资讯 -->
@ -474,106 +235,7 @@
<div class="footer"></div> <div class="footer"></div>
</div> </div>
</div> </div>
<div class="footer">
<div class="footer_content">
<div class="footer_main">
<div class="footer_left">
<a href="/index.html" class="footer_logo">
<img src="__TMPL__/static/images/common/logo-w.png" alt="" />
</a>
<div class="footer_contact">
<a class="address" href="javascript:;">
地址：上海市杨浦区隆昌路620号
</a>
<a class="email" href="mailto:106056320@qq.com">
邮箱：106056320@qq.com
</a>
<a class="phone" href="tel:021-58956622">电话：021-58956622</a>
</div>
<div class="footer_qrcode">
<img src="__TMPL__/static/images/common/qr-code.jpg" alt="" />
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_middle">
<div class="footer_list">
<div class="footer_item">
<div class="footer_item_title">
<p>品牌介绍</p>
</div>
<div class="footer_items">
<a href="/about.html#brand">品牌介绍</a>
<a href="/about.html#history">发展历程</a>
<a href="/about.html#honor">资质荣誉</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>产品展示</p>
</div>
<div class="footer_items">
<a href="/product.html">高端浴缸</a>
<a href="/product.html">龙头组合</a>
<a href="/product.html">老式混水阀</a>
<a href="/product.html">面盆龙头</a>
<a href="/product.html">菜盆龙头</a>
<a href="/product.html">明装恒温阀</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>新闻中心</p>
</div>
<div class="footer_items">
<a href="/news.html">公司新闻</a>
<a href="/news.html">行业新闻</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>联系我们</p>
</div>
<div class="footer_items">
<a href="/contact.html#contact">联系方式</a>
<a href="/contact.html#message">在线留言</a>
<a href="/contact.html#join">人才招聘</a>
</div>
</div>
</div>
</div>
<div class="footer_right">
<img src="__TMPL__/static/images/common/qr-code.jpg" alt="" />
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_copyright">
<div class="copyright_left">
<p>
Copyright © 2021 DESHI All Rights Reserved.
<a
href="https://beian.miit.gov.cn/"
target="_blank"
rel="nofollow"
>
沪ICP备2021024265号
</a>
Powered by
<a href="https://www.huocms.com/" target="_blank" rel="nofollow">
HuoCMS
</a>
</p>
</div>
<div class="copyright_right">
<p>
Designed by
<a href="https://www.pailiu.com/" target="_blank" rel="nofollow">
派流
</a>
</p>
</div>
</div>
</div>
</div>
{include file="footer"}
</body> </body>
<script type="text/javascript" src="https://unpkg.com/vue"></script> <script type="text/javascript" src="https://unpkg.com/vue"></script>
<script <script

470
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/news.html
View File

@ -1,337 +1,159 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <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>{hcTaglib:setting name="site_name"/}-新闻资讯</title>
<link rel="stylesheet" href="__TMPL__/static/css/reset.css" />
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/navBar/nav_bar.css"
/>
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/footer/footer.css"
/>
<link rel="stylesheet" href="__TMPL__/static/scss/news/news.css" />
<script src="__TMPL__/static/js/jquery.min.js"></script>
</head>
<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>DESHI-新闻资讯</title>
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
<link rel="stylesheet" href="/static/scss/common/footer/footer.css">
<link rel="stylesheet" href="/static/scss/news/news.css">
<script src="/static/js/jquery.min.js"></script>
</head>
<body>
<div class="nav_bar" id="navBar">
<div class="nav_bar_content">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
<div class="nav_bar_list">
<div class="nav_bar_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
</div>
<div class="nav_bar_right">
<div class="nav_bar_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.enter="searchEnter">
<div class="search_icon" @click="changeInputState">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
<div class="nav_bar_content_mobile">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
</div>
<div class="nav_bar_right">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav_bar_mobile_main">
<div class="nav_bar_mobile_mask"></div>
<div class="nav_bar_mobile_content">
<div class="nav_bar_mobile_list">
<div class="nav_bar_mobile_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
<div class="nav_bar_mobile_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.13="mobileSearch">
<div class="search_icon" @click="mobileSearch">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<body>
{include file="header"}
<div class="news"> <div class="news">
<div class="banner" style="background-image:url('/static/images/news/banner.jpg')">
<div class="banner_content">
<p class="banner_title">新闻资讯</p>
<p class="banner_remark">您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">新闻资讯</a>
</p>
</div>
<div
class="banner"
style="background-image: url('__TMPL__/static/images/news/banner.jpg')"
>
<div class="banner_content">
<p class="banner_title">新闻资讯</p>
<p class="banner_remark">
您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">新闻资讯</a>
</p>
</div> </div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
<div class="navigation_item active">
<a href="javascript:;">全部</a>
</div>
<div class="navigation_item">
<a href="javascript:;">公司新闻</a>
</div>
<div class="navigation_item">
<a href="javascript:;">行业新闻</a>
</div>
</div>
</div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
{hcTaglib:nav cid="1" max-level="2" item="nav" name="navList"} {if
condition="$nav.id == 4"} {volist name="nav.children" id="vo" }
<div class="navigation_item">
<a href="{$vo['href']}">{$vo['title']}</a>
</div>
{/volist} {/if} {/hcTaglib:nav}
</div> </div>
<div class="news_main">
<div class="news_content">
<div class="news_item first">
<div class="news_pic">
<img src="/static/images/news/news-1.jpg" alt="">
</div>
<div class="news_introduce">
<div class="news_text">
<a href="/newsDetail.html" class="news_title">哪种材质更适合做定制品</a>
<a href="/newsDetail.html" class="news_remark">近几年，家装界悄然刮起一股定制风，而且这股风潮有愈刮愈烈之势，如何才能征服越来越多的消费者?</a>
</div>
</div>
</div>
<div class="news_item">
<a href="/newsDetail.html" class="news_pic">
<img src="/static/images/news/news-2.jpg" alt="">
</a>
<div class="news_introduce">
<div class="news_text">
<p class="news_time">2021-10-28</p>
<a href="/newsDetail.html" class="news_title">厨房装修五大事项，做好了给你一个1231231</a>
<a href="/newsDetail.html" class="news_remark">如今越来越多人开始注重厨房的装修，如果厨房装修的不好，会直接影响居家心情。</a>
</div>
<div class="news_more_content">
<a href="/newsDetail.html" class="news_more">
<img src="/static/images/news/icon-more.png" alt="">
<img class="active" src="/static/images/news/icon-more-1.png" alt="">
</a>
</div>
</div>
</div>
<div class="news_item">
<a href="/newsDetail.html" class="news_pic">
<img src="/static/images/news/news-3.jpg" alt="">
</a>
<div class="news_introduce">
<div class="news_text">
<p class="news_time">2021-10-28</p>
<a href="/newsDetail.html" class="news_title">做不锈钢厨柜就要选有前景的企业</a>
<a href="/newsDetail.html" class="news_remark">现今，家居建材行业竞争激烈，在发展过程中，注定了辉煌与“乱象丛生”并存，调查证明，三四线城市...</a>
</div>
<div class="news_more_content">
<a href="/newsDetail.html" class="news_more">
<img src="/static/images/news/icon-more.png" alt="">
<img class="active" src="/static/images/news/icon-more-1.png" alt="">
</a>
</div>
</div>
</div>
<div class="news_item">
<a href="/newsDetail.html" class="news_pic">
<img src="/static/images/news/news-4.jpg" alt="">
</a>
<div class="news_introduce">
<div class="news_text">
<p class="news_time">2021-10-28</p>
<a href="/newsDetail.html" class="news_title">舒适智能马桶的定义</a>
<a href="/newsDetail.html" class="news_remark">智能马桶具有齐备的功能很重要，但一个好的智能马桶，质量的优劣也很重要！</a>
</div>
<div class="news_more_content">
<a href="/newsDetail.html" class="news_more">
<img src="/static/images/news/icon-more.png" alt="">
<img class="active" src="/static/images/news/icon-more-1.png" alt="">
</a>
</div>
</div>
</div>
<div class="news_item">
<a href="/newsDetail.html" class="news_pic">
<img src="/static/images/news/news-5.jpg" alt="">
</a>
<div class="news_introduce">
<div class="news_text">
<p class="news_time">2021-10-28</p>
<a href="/newsDetail.html" class="news_title">向好生活提案，你需要一个更健康的马桶</a>
<a href="/newsDetail.html" class="news_remark">你是不是也经历过这样的苦恼？一边着急上班，一边还要排队等着家里人上厕所？</a>
</div>
<div class="news_more_content">
<a href="/newsDetail.html" class="news_more">
<img src="/static/images/news/icon-more.png" alt="">
<img class="active" src="/static/images/news/icon-more-1.png" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="news_main">
<div class="news_content">
{hcTaglib:contentPage mainField="id,title,thumbnail,description"
name="products" limit="1" name="case_list"}
<div class="news_item first">
<div class="news_pic">
<img src="{$vo['thumbnail']['url']|default=''}" alt="" />
</div> </div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_main">
<div class="footer_left">
<a href="/index.html" class="footer_logo">
<img src="/static/images/common/logo-w.png" alt="">
</a>
<div class="footer_contact">
<a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
<a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
<a class="phone" href="tel:021-58956622">电话：021-58956622</a>
</div>
<div class="footer_qrcode">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_middle">
<div class="footer_list">
<div class="footer_item">
<div class="footer_item_title">
<p>品牌介绍</p>
</div>
<div class="footer_items">
<a href="/about.html#brand">品牌介绍</a>
<a href="/about.html#history">发展历程</a>
<a href="/about.html#honor">资质荣誉</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>产品展示</p>
</div>
<div class="footer_items">
<a href="/product.html">高端浴缸</a>
<a href="/product.html">龙头组合</a>
<a href="/product.html">老式混水阀</a>
<a href="/product.html">面盆龙头</a>
<a href="/product.html">菜盆龙头</a>
<a href="/product.html">明装恒温阀</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>新闻中心</p>
</div>
<div class="footer_items">
<a href="/news.html">公司新闻</a>
<a href="/news.html">行业新闻</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>联系我们</p>
</div>
<div class="footer_items">
<a href="/contact.html#contact">联系方式</a>
<a href="/contact.html#message">在线留言</a>
<a href="/contact.html#join">人才招聘</a>
</div>
</div>
</div>
</div>
<div class="footer_right">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
<div class="news_introduce">
<div class="news_text">
<a
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
class="news_title"
>
{$vo['title']}
</a>
<a
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
class="news_remark"
>
{$vo['description']}
</a>
</div>
</div> </div>
<div class="footer_copyright">
<div class="copyright_left">
<p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
</div>
<div class="copyright_right">
<p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
</div>
</div>
{/hcTaglib:contentPage} {hcTaglib:contentPage
mainField="id,title,thumbnail,description,publish_time"
name="products" limit="4" name="case_list" offset = "1"}
<div class="news_item">
<a
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
class="news_pic"
>
<img src="{$vo['thumbnail']['url']|default=''}" alt="" />
</a>
<div class="news_introduce">
<div class="news_text">
<p class="news_time">{$vo['publish_time']}</p>
<a
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
class="news_title"
>
{$vo['title']}
</a>
<a
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
class="news_remark"
>
{$vo['description']}
</a>
</div>
<div class="news_more_content">
<a
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
class="news_more"
>
<img src="__TMPL__/static/images/news/icon-more.png" alt="" />
<img
class="active"
src="__TMPL__/static/images/news/icon-more-1.png"
alt=""
/>
</a>
</div>
</div> </div>
</div>
{/hcTaglib:contentPage}
</div> </div>
</div>
</div> </div>
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript" src="/static/js/public.js"></script>
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<script>
$(function() {
$('.navigation_item').click(function() {
$(this).addClass('active').siblings().removeClass('active')
})
$(window).scroll(function() {
navigationInit()
});
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width();
var pageHeight = $(window).height();
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
}
};
navigationInit();
{include file="footer"}
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript" src="__TMPL__/static/js/public.js"></script>
<script type="text/javascript" src="__TMPL__/static/js/wow.min.js"></script>
<script>
$(function () {
$('.navigation_item').click(function () {
$(this).addClass('active').siblings().removeClass('active')
})
$(window).scroll(function () {
navigationInit()
})
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width()
var pageHeight = $(window).height()
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
}
}
navigationInit()
}) })
</script>
</script>
</html> </html>

352
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/newsDetail.html
View File

@ -1,264 +1,108 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <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>{hcTaglib:setting name="site_name"/}-新闻资讯</title>
<link rel="stylesheet" href="__TMPL__/static/css/reset.css" />
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/navBar/nav_bar.css"
/>
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/footer/footer.css"
/>
<link
rel="stylesheet"
href="__TMPL__/static/scss/newsDetail/newsDetail.css"
/>
<script src="__TMPL__/static/js/jquery.min.js"></script>
</head>
<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>DESHI-新闻资讯</title>
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
<link rel="stylesheet" href="/static/scss/common/footer/footer.css">
<link rel="stylesheet" href="/static/scss/newsDetail/newsDetail.css">
<script src="/static/js/jquery.min.js"></script>
</head>
<body>
<div class="nav_bar" id="navBar">
<div class="nav_bar_content">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
<div class="nav_bar_list">
<div class="nav_bar_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
</div>
<div class="nav_bar_right">
<div class="nav_bar_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.enter="searchEnter">
<div class="search_icon" @click="changeInputState">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
<div class="nav_bar_content_mobile">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
</div>
<div class="nav_bar_right">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav_bar_mobile_main">
<div class="nav_bar_mobile_mask"></div>
<div class="nav_bar_mobile_content">
<div class="nav_bar_mobile_list">
<div class="nav_bar_mobile_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
<div class="nav_bar_mobile_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.13="mobileSearch">
<div class="search_icon" @click="mobileSearch">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<body>
{include file="header"}
<div class="news_detail"> <div class="news_detail">
<div class="banner" style="background-image:url('/static/images/news/banner.jpg')">
<div class="banner_content">
<p class="banner_title">新闻资讯</p>
<p class="banner_remark">您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">新闻资讯</a>
</p>
</div>
<div
class="banner"
style="
background-image: url('{$hc_content['cover']['url']|default=''}');
"
>
<div class="banner_content">
<p class="banner_title">新闻资讯</p>
<p class="banner_remark">
您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">新闻资讯</a>
</p>
</div> </div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
<div class="navigation_item active">
<a href="javascript:;">全部</a>
</div>
<div class="navigation_item">
<a href="javascript:;">公司新闻</a>
</div>
<div class="navigation_item">
<a href="javascript:;">行业新闻</a>
</div>
</div>
</div>
<div class="news_detail">
<div class="news_detail_content">
<div class="news_detail_top">
<p class="news_detail_title">哪种材质更适合做定制品</p>
<div class="news_detail_remark">
<p class="news_detail_time">
发布时间：2021-10-28
</p>
<p class="news_detail_numbers">
阅读次数： 71
</p>
</div>
</div>
<div class="news_detail_main">
6666
</div>
<div class="news_detail_navigation">
<a href="javascript:;" class="news_detail_prev"><span>上一条：</span>我们可以发现，不锈钢由于其天然</a>
<a href="javascript:;" class="news_detail_nect"><span>下一条：</span>我们可以发现，不锈钢由于其天然</a>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_main">
<div class="footer_left">
<a href="/index.html" class="footer_logo">
<img src="/static/images/common/logo-w.png" alt="">
</a>
<div class="footer_contact">
<a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
<a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
<a class="phone" href="tel:021-58956622">电话：021-58956622</a>
</div>
<div class="footer_qrcode">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_middle">
<div class="footer_list">
<div class="footer_item">
<div class="footer_item_title">
<p>品牌介绍</p>
</div>
<div class="footer_items">
<a href="/about.html#brand">品牌介绍</a>
<a href="/about.html#history">发展历程</a>
<a href="/about.html#honor">资质荣誉</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>产品展示</p>
</div>
<div class="footer_items">
<a href="/product.html">高端浴缸</a>
<a href="/product.html">龙头组合</a>
<a href="/product.html">老式混水阀</a>
<a href="/product.html">面盆龙头</a>
<a href="/product.html">菜盆龙头</a>
<a href="/product.html">明装恒温阀</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>新闻中心</p>
</div>
<div class="footer_items">
<a href="/news.html">公司新闻</a>
<a href="/news.html">行业新闻</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>联系我们</p>
</div>
<div class="footer_items">
<a href="/contact.html#contact">联系方式</a>
<a href="/contact.html#message">在线留言</a>
<a href="/contact.html#join">人才招聘</a>
</div>
</div>
</div>
</div>
<div class="footer_right">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_copyright">
<div class="copyright_left">
<p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
</div>
<div class="copyright_right">
<p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
</div>
</div>
<div class="news_detail">
<div class="news_detail_content">
<div class="news_detail_top">
<p class="news_detail_title">{$hc_content['title']}</p>
<div class="news_detail_remark">
<p class="news_detail_time">
发布时间：{$hc_content['publish_time']}
</p>
<p class="news_detail_numbers">
阅读次数： {$hc_content['hits']}
</p>
</div> </div>
</div>
<div class="news_detail_main">{$hc_content['content']|raw}</div>
<div class="news_detail_navigation">
<a href="javascript:;" class="news_detail_prev">
<span>{hcTaglib:preContent /}</span>
</a>
<a href="javascript:;" class="news_detail_nect">
<span>{hcTaglib:nextContent /}</span>
</a>
</div>
</div> </div>
</div>
</div> </div>
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript" src="/static/js/public.js"></script>
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<script>
$(function() {
$('.navigation_item').click(function() {
$(this).addClass('active').siblings().removeClass('active')
})
$(window).scroll(function() {
navigationInit()
});
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width();
var pageHeight = $(window).height();
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
}
};
navigationInit();
{include file="footer"}
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript" src="__TMPL__/static/js/public.js"></script>
<script type="text/javascript" src="__TMPL__/static/js/wow.min.js"></script>
<script>
$(function () {
$('.navigation_item').click(function () {
$(this).addClass('active').siblings().removeClass('active')
})
$(window).scroll(function () {
navigationInit()
})
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width()
var pageHeight = $(window).height()
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
}
}
navigationInit()
}) })
</script>
</script>
</html> </html>

468
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/product.html
View File

@ -1,369 +1,121 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <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>{hcTaglib:setting name="site_name"/}-产品</title>
<link rel="stylesheet" href="__TMPL__/static/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="__TMPL__/static/css/reset.css" />
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/navBar/nav_bar.css"
/>
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/footer/footer.css"
/>
<link rel="stylesheet" href="__TMPL__/static/scss/product/product.css" />
<script src="__TMPL__/static/js/jquery.min.js"></script>
</head>
<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>DESHI-产品</title>
<link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
<link rel="stylesheet" href="/static/scss/common/footer/footer.css">
<link rel="stylesheet" href="/static/scss/product/product.css">
<script src="/static/js/jquery.min.js"></script>
</head>
<body>
<div class="nav_bar" id="navBar">
<div class="nav_bar_content">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
<div class="nav_bar_list">
<div class="nav_bar_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
</div>
<div class="nav_bar_right">
<div class="nav_bar_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.enter="searchEnter">
<div class="search_icon" @click="changeInputState">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
<div class="nav_bar_content_mobile">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
</div>
<div class="nav_bar_right">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav_bar_mobile_main">
<div class="nav_bar_mobile_mask"></div>
<div class="nav_bar_mobile_content">
<div class="nav_bar_mobile_list">
<div class="nav_bar_mobile_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
<div class="nav_bar_mobile_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.13="mobileSearch">
<div class="search_icon" @click="mobileSearch">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<body>
{include file="header"}
<div class="product"> <div class="product">
<div class="banner" style="background-image:url('/static/images/product/banner.jpg')">
<div class="banner_content">
<p class="banner_title">产品中心</p>
<p class="banner_remark">您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">产品展示</a>
</p>
</div>
<div
class="banner"
style="
background-image: url('{$current_cate['banner']['url']|default=''}');
"
>
<div class="banner_content">
<p class="banner_title">产品中心</p>
<p class="banner_remark">
您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">产品展示</a>
</p>
</div> </div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
<div class="navigation_item active">
<a href="javascript:;">全部</a>
</div>
<div class="navigation_item">
<a href="javascript:;">高端浴缸</a>
</div>
<div class="navigation_item">
<a href="javascript:;">龙头组合</a>
</div>
<div class="navigation_item">
<a href="javascript:;">老式混水阀</a>
</div>
<div class="navigation_item">
<a href="javascript:;">面盆龙头</a>
</div>
<div class="navigation_item">
<a href="javascript:;">菜盆龙头</a>
</div>
<div class="navigation_item">
<a href="javascript:;">明装恒温阀</a>
</div>
</div>
</div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
{hcTaglib:nav cid="1" max-level="2" item="nav" name="navList"} {if
condition="$nav.id == 3"} {volist name="nav.children" id="vo" }
<div class="navigation_item">
<a href="{$vo['href']}">{$vo['title']}</a>
</div>
{/volist} {/if} {/hcTaglib:nav}
</div> </div>
<div class="product_main">
<div class="product_content">
<div class="product_item">
<div class="product_main_pic">
<img src="/static/images/index/product-1.png" alt="">
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
</div>
<div class="product_main_more">
<img src="/static/images/index/icon-more.png" alt="">
</div>
</a>
</div>
<div class="product_item">
<div class="product_main_pic">
<img src="/static/images/index/product-2.png" alt="">
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
</div>
<div class="product_main_more">
<img src="/static/images/index/icon-more.png" alt="">
</div>
</a>
</div>
<div class="product_item">
<div class="product_main_pic">
<img src="/static/images/index/product-3.png" alt="">
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
</div>
<div class="product_main_more">
<img src="/static/images/index/icon-more.png" alt="">
</div>
</a>
</div>
<div class="product_item">
<div class="product_main_pic">
<img src="/static/images/index/product-4.png" alt="">
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
</div>
<div class="product_main_more">
<img src="/static/images/index/icon-more.png" alt="">
</div>
</a>
</div>
<div class="product_item">
<div class="product_main_pic">
<img src="/static/images/index/product-1.png" alt="">
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
</div>
<div class="product_main_more">
<img src="/static/images/index/icon-more.png" alt="">
</div>
</a>
</div>
<div class="product_item">
<div class="product_main_pic">
<img src="/static/images/index/product-2.png" alt="">
</div>
<a href="/productDetail.html" class="product_main_introduce">
<div class="product_main_text">
<p class="product_main_title">酒店洗脸盘洗手台</p>
<p class="product_main_remark">现代简约圆形艺术洗手盆 卫生间陶瓷纯色洗漱盆</p>
</div>
<div class="product_main_more">
<img src="/static/images/index/icon-more.png" alt="">
</div>
</a>
</div>
</div>
<div class="product_main">
<div class="product_content">
{hcTaglib:contentPage mainField="id,title,thumbnail,description"
name="products" limit="3" name="case_list"}
<div class="product_item">
<div class="product_main_pic">
<img src="{$vo['thumbnail']['url']|default=''}" alt="" />
</div> </div>
<a
href="{:hcUrl('detail/index',['id'=>$vo['id'],'cid'=>$vo['category_id']])}"
class="product_main_introduce"
>
<div class="product_main_text">
<p class="product_main_title">{$vo['title']}</p>
<p class="product_main_remark">{$vo['description']}</p>
</div>
<div class="product_main_more">
<img src="__TMPL__/static/images/index/icon-more.png" alt="" />
</div>
</a>
</div>
{/hcTaglib:contentPage}
</div> </div>
<div class="paging">
<ul class="pagination">
<li class="disabled">
<span> <img src="/static/images/product/icon-prev.png" alt=""> </span>
</li>
<li class="active">
<span>1</span>
</li>
<li>
<a href="javascript:;">2</a>
</li>
<li>
<a href="javascript:;">3</a>
</li>
<li class="disabled">
<span>...</span>
</li>
<li>
<a href="javascript:;">10</a>
</li>
<li>
<a href="javascript:;"><img src="/static/images/product/icon-next.png" alt=""></a>
</li>
</ul>
</div>
</div>
{$case_list|raw}
</div> </div>
<div class="footer">
<div class="footer_content">
<div class="footer_main">
<div class="footer_left">
<a href="/index.html" class="footer_logo">
<img src="/static/images/common/logo-w.png" alt="">
</a>
<div class="footer_contact">
<a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
<a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
<a class="phone" href="tel:021-58956622">电话：021-58956622</a>
</div>
<div class="footer_qrcode">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_middle">
<div class="footer_list">
<div class="footer_item">
<div class="footer_item_title">
<p>品牌介绍</p>
</div>
<div class="footer_items">
<a href="/about.html#brand">品牌介绍</a>
<a href="/about.html#history">发展历程</a>
<a href="/about.html#honor">资质荣誉</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>产品展示</p>
</div>
<div class="footer_items">
<a href="/product.html">高端浴缸</a>
<a href="/product.html">龙头组合</a>
<a href="/product.html">老式混水阀</a>
<a href="/product.html">面盆龙头</a>
<a href="/product.html">菜盆龙头</a>
<a href="/product.html">明装恒温阀</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>新闻中心</p>
</div>
<div class="footer_items">
<a href="/news.html">公司新闻</a>
<a href="/news.html">行业新闻</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>联系我们</p>
</div>
<div class="footer_items">
<a href="/contact.html#contact">联系方式</a>
<a href="/contact.html#message">在线留言</a>
<a href="/contact.html#join">人才招聘</a>
</div>
</div>
</div>
</div>
<div class="footer_right">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_copyright">
<div class="copyright_left">
<p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
</div>
<div class="copyright_right">
<p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="/static/js/public.js"></script>
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<script>
$(function() {
$('.navigation_item').click(function() {
$(this).addClass('active').siblings().removeClass('active')
})
$(window).scroll(function() {
navigationInit()
});
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width();
var pageHeight = $(window).height();
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
}
};
navigationInit();
{include file="footer"}
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script
type="text/javascript"
src="__TMPL__/static/js/swiper-bundle.min.js"
></script>
<script type="text/javascript" src="__TMPL__/static/js/public.js"></script>
<script type="text/javascript" src="__TMPL__/static/js/wow.min.js"></script>
<script>
$(function () {
$('.navigation_item').click(function () {
$(this).addClass('active').siblings().removeClass('active')
})
$(window).scroll(function () {
navigationInit()
})
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width()
var pageHeight = $(window).height()
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
}
}
navigationInit()
}) })
</script>
</script>
</html> </html>

638
HuoCMS_close_source/public/themes/website/1/zh/deshi.neicela.com/productDetail.html
View File

@ -1,444 +1,228 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <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>{hcTaglib:setting name="site_name"/}-产品详情</title>
<link rel="stylesheet" href="__TMPL__/static/css/swiper-bundle.min.css" />
<link rel="stylesheet" href="__TMPL__/static/css/reset.css" />
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/navBar/nav_bar.css"
/>
<link
rel="stylesheet"
href="__TMPL__/static/scss/common/footer/footer.css"
/>
<link
rel="stylesheet"
href="__TMPL__/static/scss/productDetail/productDetail.css"
/>
<script src="__TMPL__/static/js/jquery.min.js"></script>
</head>
<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>DESHI-产品详情</title>
<link rel="stylesheet" href="/static/css/swiper-bundle.min.css">
<link rel="stylesheet" href="/static/css/reset.css">
<link rel="stylesheet" href="/static/scss/common/navBar/nav_bar.css">
<link rel="stylesheet" href="/static/scss/common/footer/footer.css">
<link rel="stylesheet" href="/static/scss/productDetail/productDetail.css">
<script src="/static/js/jquery.min.js"></script>
</head>
<body>
<div class="nav_bar" id="navBar">
<div class="nav_bar_content">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
<div class="nav_bar_list">
<div class="nav_bar_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
</div>
<div class="nav_bar_right">
<div class="nav_bar_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.enter="searchEnter">
<div class="search_icon" @click="changeInputState">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
<div class="nav_bar_content_mobile">
<div class="nav_bar_left">
<div class="logo">
<a href="/index.html">
<img class="logo_w" src="/static/images/common/logo-w.png" alt="">
<img class="logo_b" src="/static/images/common/logo-b.png" alt="">
</a>
</div>
</div>
<div class="nav_bar_right">
<span></span>
<span></span>
<span></span>
</div>
<div class="nav_bar_mobile_main">
<div class="nav_bar_mobile_mask"></div>
<div class="nav_bar_mobile_content">
<div class="nav_bar_mobile_list">
<div class="nav_bar_mobile_item">
<a href="/index.html">首页</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/about.html#brand">品牌介绍</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/product.html">产品展示</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/news.html">新闻资讯</a>
</div>
<div class="nav_bar_mobile_item">
<a href="/contact.html">联系我们</a>
</div>
</div>
<div class="nav_bar_mobile_search" :class="{active:inputState}">
<input type="text" v-model="searchValue" @keyup.13="mobileSearch">
<div class="search_icon" @click="mobileSearch">
<img src="/static/images/common/icon-search.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<body>
{include file="header"}
<div class="product_detail"> <div class="product_detail">
<div class="banner" style="background-image:url('/static/images/productDetail/banner.png')">
<div class="banner_content">
<p class="banner_title">面盆龙头</p>
<p class="banner_remark">您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">产品详情</a>
</p>
</div>
<div
class="banner"
style="
background-image: url('{$hc_content['cover']['url']|default=''}');
"
>
<div class="banner_content">
<p class="banner_title">{$hc_content['title']}</p>
<p class="banner_remark">
您的位置：
<a href="/index.html">首页</a>
<a href="javascript:;">产品详情</a>
</p>
</div> </div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
<div class="navigation_item active" data-href="introduce">
<a href="javascript:;">产品介绍</a>
</div>
<div class="navigation_item" data-href="more">
<a href="javascript:;">更多产品</a>
</div>
</div>
</div>
<div class="navigation_seize"></div>
<div class="navigation">
<div class="navigation_content">
<div class="navigation_item active" data-href="introduce">
<a href="javascript:;">产品介绍</a>
</div>
<div class="navigation_item" data-href="more">
<a href="javascript:;">更多产品</a>
</div>
</div> </div>
<div class="product_detail_main">
<div class="product_detail_content">
<div class="swiper_container" id="introduce">
<div class="swiper swiper-product">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/static/images/productDetail/product-1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-2.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-3.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-2.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-3.jpg" alt="">
</div>
</div>
</div>
<div class="swiper-button-prev-product"></div>
<div class="swiper-button-next-product"></div>
<div class="paging_content">
<div class="swiper swiper-product-paging">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="/static/images/productDetail/product-1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-2.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-3.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-2.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="/static/images/productDetail/product-3.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="product_introduce_content">
<div class="postInfo">
<div class="mainInfor">
<p class="title">全系列卫生泵 </p>
<p class="subtitle">Wool scarf</p>
</div>
<div class="description">
<p>温控开关的作用是控制室内温度的.假设你的温控开关是设定在14—16度时你的室内温度低于14度时,暖气会自动开启,而高于16度时暖气会自动关闭.</p>
</div>
</div>
<div class="postbody">
<p style="text-align: center;"><img src="/static/images/productDetail/postbody-1.jpg" /></p>
<p style="text-align: center;"><img src="/static/images/productDetail/postbody-2.jpg" /></p>
<hr />
<p>温控开关的作用是控制室内温度的.假设你的温控开关是设定在14—16度时你的室内温度低于14度时,暖气会自动开启,而高于16度时暖气会自动关闭.(调档开关必须有一个是开着的)
</p>
<hr />
<p>1. 室内温度设置的准确性:好的温控器能够准确的调节温度,准确的判断室内温度,主要通过探头来实现的;</p>
<hr />
<p>2. 温控器与电地暖系统的使用:温控器有多种,有机械旋钮型的,有可编程数字液晶型的,不同温控器的使用相差很大。选择温控器时要考虑到使用的方便性;</p>
<hr />
<p>3.温控器与房间用途的关系:应注意根据房间的用途来选择温控器,例如:在卫生间中不应采用室温性的温控器;</p>
<hr />
<p>4.温控器与能耗的关系:选择合适的温控器有可以在用户日后的使用过程中,有效的节约能耗。</p>
<p><br /></p>
<p><br /></p>
<p><br /></p>
<p><br /></p>
</div>
</div>
<div class="product_detail_main">
<div class="product_detail_content">
<div class="swiper_container" id="introduce">
<div class="swiper swiper-product">
<div class="swiper-wrapper">
{volist name="hc_content['main_content']['intro_img']" id="vo"
|default=''}
<div class="swiper-slide">
<img src="{$vo['url']}" alt="" />
</div> </div>
<div class="product_more_content" id="more">
<div class="product_more">
<div class="product_tag">
<a class="product_tag_item" href="/product.html">高端浴缸</a>
</div>
<div class="product_list">
<div class="product_item">
<a href="/productDetail.html" class="product_pic">
<img src="/static/images/productDetail/list-1.jpg" alt="">
</a>
<a href="/productDetail.html" class="product_introduce">
<p class="product_title">智能检测仪</p>
<p class="product_title_en">Intelligent detector</p>
</a>
</div>
<div class="product_item">
<a href="/productDetail.html" class="product_pic">
<img src="/static/images/productDetail/list-2.jpg" alt="">
</a>
<a href="/productDetail.html" class="product_introduce">
<p class="product_title">智能检测仪</p>
<p class="product_title_en">Intelligent detector</p>
</a>
</div>
<div class="product_item">
<a href="/productDetail.html" class="product_pic">
<img src="/static/images/productDetail/list-3.jpg" alt="">
</a>
<a href="/productDetail.html" class="product_introduce">
<p class="product_title">智能检测仪</p>
<p class="product_title_en">Intelligent detector</p>
</a>
</div>
<div class="product_item">
<a href="/productDetail.html" class="product_pic">
<img src="/static/images/productDetail/list-4.jpg" alt="">
</a>
<a href="/productDetail.html" class="product_introduce">
<p class="product_title">智能检测仪</p>
<p class="product_title_en">Intelligent detector</p>
</a>
</div>
<div class="product_item">
<a href="/productDetail.html" class="product_pic">
<img src="/static/images/productDetail/list-5.jpg" alt="">
</a>
<a href="/productDetail.html" class="product_introduce">
<p class="product_title">智能检测仪</p>
<p class="product_title_en">Intelligent detector</p>
</a>
</div>
<div class="product_item">
<a href="/productDetail.html" class="product_pic">
<img src="/static/images/productDetail/list-6.jpg" alt="">
</a>
<a href="/productDetail.html" class="product_introduce">
<p class="product_title">智能检测仪</p>
<p class="product_title_en">Intelligent detector</p>
</a>
</div>
</div>
</div>
</div>
{/volist}
</div>
</div> </div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="footer_main">
<div class="footer_left">
<a href="/index.html" class="footer_logo">
<img src="/static/images/common/logo-w.png" alt="">
</a>
<div class="footer_contact">
<a class="address" href="javascript:;">地址：上海市杨浦区隆昌路619号</a>
<a class="email" href="mailto:106056320@qq.com">邮箱：106056320@qq.com</a>
<a class="phone" href="tel:021-58956622">电话：021-58956622</a>
</div>
<div class="footer_qrcode">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
</div>
</div>
<div class="footer_middle">
<div class="footer_list">
<div class="footer_item">
<div class="footer_item_title">
<p>品牌介绍</p>
</div>
<div class="footer_items">
<a href="/about.html#brand">品牌介绍</a>
<a href="/about.html#history">发展历程</a>
<a href="/about.html#honor">资质荣誉</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>产品展示</p>
</div>
<div class="footer_items">
<a href="/product.html">高端浴缸</a>
<a href="/product.html">龙头组合</a>
<a href="/product.html">老式混水阀</a>
<a href="/product.html">面盆龙头</a>
<a href="/product.html">菜盆龙头</a>
<a href="/product.html">明装恒温阀</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>新闻中心</p>
</div>
<div class="footer_items">
<a href="/news.html">公司新闻</a>
<a href="/news.html">行业新闻</a>
</div>
</div>
<div class="footer_item">
<div class="footer_item_title">
<p>联系我们</p>
</div>
<div class="footer_items">
<a href="/contact.html#contact">联系方式</a>
<a href="/contact.html#message">在线留言</a>
<a href="/contact.html#join">人才招聘</a>
</div>
</div>
</div>
</div>
<div class="footer_right">
<img src="/static/images/common/qr-code.jpg" alt="">
<p>扫码关注我们</p>
<div class="swiper-button-prev-product"></div>
<div class="swiper-button-next-product"></div>
<div class="paging_content">
<div class="swiper swiper-product-paging">
<div class="swiper-wrapper">
{volist name="hc_content['main_content']['intro_img']" id="vo"
|default=''}
<div class="swiper-slide">
<img src="{$vo['url']}" alt="" />
</div>
{/volist}
</div> </div>
</div>
</div> </div>
<div class="footer_copyright">
<div class="copyright_left">
<p>Copyright © 2021 DESHI All Rights Reserved. <a href="https://beian.miit.gov.cn/" target="_blank" rel='nofollow'>沪ICP备2021024265号</a> Powered by <a href="https://www.huocms.com/" target="_blank" rel='nofollow'>HuoCMS</a></p>
</div>
<div class="copyright_right">
<p>Designed by <a href="https://www.pailiu.com/" target="_blank" rel='nofollow'>派流</a></p>
</div>
<div class="product_introduce_content">
<div class="postInfo">
<div class="mainInfor">
<p class="title">{$hc_content['title']}</p>
<p class="subtitle">{$hc_content['sub_title']}</p>
</div>
<div class="description">
<p>{$hc_content['description']}</p>
</div>
</div>
<div class="postbody">{$hc_content['content']|raw}</div>
</div>
<div class="product_more_content" id="more">
<div class="product_more">
<div class="product_tag">
<a class="product_tag_item" href="/product.html">更多产品</a>
</div>
<div class="product_list">
{hcTaglib:content cid="3" moduleId="1" name="contentList"
limit="10" mainField="id,title,thumbnail,description,sub_title"
onlyData="2" item="case"}
<div class="product_item">
<a
href="{:hcUrl('detail/index',['id'=>$case['id'],'cid'=>$case['category_id']])}"
class="product_pic"
>
<img src="{$case['thumbnail']['url']|default=''}" alt="" />
</a>
<a
href="{:hcUrl('detail/index',['id'=>$case['id'],'cid'=>$case['category_id']])}"
class="product_introduce"
>
<p class="product_title">{$case['title']}</p>
<p class="product_title_en">{$case['sub_title']}</p>
</a>
</div> </div>
{/hcTaglib:content}
</div>
</div> </div>
</div>
</div> </div>
</div>
</div> </div>
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script type="text/javascript" src="/static/js/swiper-bundle.min.js"></script>
<script type="text/javascript" src="/static/js/public.js"></script>
<script type="text/javascript" src="/static/js/wow.min.js"></script>
<script>
$(function() {
var productPagingSwiper = new Swiper('.swiper-product-paging', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
grabCursor: true,
spaceBetween: 10,
watchSlidesVisibility: true, //防止不可点击
breakpoints: {
100: {
slidesPerView: 2.8,
},
800: {
slidesPerView: 'auto',
},
},
});
var productDetailSwiper = new Swiper('.swiper-product', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
grabCursor: true,
navigation: {
nextEl: ".swiper-button-next-product",
prevEl: ".swiper-button-prev-product",
},
thumbs: {
swiper: productPagingSwiper,
},
});
/* 各板块距离顶部距离 */
var plateTop = [];
$(window).scroll(function() {
navigationInit()
navigationScroll()
});
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width();
var pageHeight = $(window).height();
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide();
}
}
};
navigationInit();
/* 导航栏点解，页面滚动到相应位置 */
$('.navigation_item').click(function() {
let id = $(this).data('href')
$('html,body').animate({
scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
}, 500);
});
/* 页面滚动给导航栏添加样式 */
function navigationScroll() {
for (let i = 0; i < plateTop.length; i++) {
if ($(document).scrollTop() >= plateTop[i] - 5) {
$($('.navigation_item').get(i)).addClass('active').siblings().removeClass('active')
}
}
};
navigationScroll();
/* 获取链接hash，页面刷新初始化滚动条位置 */
function hrefInit() {
for (let i = 0; i < $('.navigation_item').length; i++) {
let hrefName = $($('.navigation_item').get(i)).data('href')
plateTop.push($(`#${hrefName}`).offset().top - 80 - $('.navigation').height())
}
{include file="footer"}
</body>
<script type="text/javascript" src="https://unpkg.com/vue"></script>
<script
type="text/javascript"
src="__TMPL__/static/js/swiper-bundle.min.js"
></script>
<script type="text/javascript" src="__TMPL__/static/js/public.js"></script>
<script type="text/javascript" src="__TMPL__/static/js/wow.min.js"></script>
<script>
$(function () {
var productPagingSwiper = new Swiper('.swiper-product-paging', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
grabCursor: true,
spaceBetween: 10,
watchSlidesVisibility: true, //防止不可点击
breakpoints: {
100: {
slidesPerView: 2.8
},
800: {
slidesPerView: 'auto'
}
} }
hrefInit();
})
var productDetailSwiper = new Swiper('.swiper-product', {
direction: 'horizontal', // 垂直切换选项
loop: false, // 循环模式选项
grabCursor: true,
navigation: {
nextEl: '.swiper-button-next-product',
prevEl: '.swiper-button-prev-product'
},
thumbs: {
swiper: productPagingSwiper
}
})
/* 各板块距离顶部距离 */
var plateTop = []
$(window).scroll(function () {
navigationInit()
navigationScroll()
})
/* 导航栏浮顶初始化 */
function navigationInit() {
var pageWidth = $(window).width()
var pageHeight = $(window).height()
var height = $('.navigation').height()
$('.navigation_seize').height(height)
if (pageWidth > 800) {
if ($(document).scrollTop() > 640 - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
} else {
if ($(document).scrollTop() > pageHeight - 80) {
$('.navigation').addClass('fixed')
$('.navigation_seize').show()
} else {
$('.navigation').removeClass('fixed')
$('.navigation_seize').hide()
}
}
}
navigationInit()
/* 导航栏点解，页面滚动到相应位置 */
$('.navigation_item').click(function () {
let id = $(this).data('href')
$('html,body').animate(
{
scrollTop: $(`#${id}`).offset().top - 80 - $('.navigation').height()
},
500
)
})
/* 页面滚动给导航栏添加样式 */
function navigationScroll() {
for (let i = 0; i < plateTop.length; i++) {
if ($(document).scrollTop() >= plateTop[i] - 5) {
$($('.navigation_item').get(i))
.addClass('active')
.siblings()
.removeClass('active')
}
}
}
navigationScroll()
/* 获取链接hash，页面刷新初始化滚动条位置 */
function hrefInit() {
for (let i = 0; i < $('.navigation_item').length; i++) {
let hrefName = $($('.navigation_item').get(i)).data('href')
plateTop.push(
$(`#${hrefName}`).offset().top - 80 - $('.navigation').height()
)
}
}
hrefInit()
}) })
</script>
</script>
</html> </html>
Write Preview
Loading…
Cancel
Save