demo

HuoCMS_close_source/app/controller/frontend/DetailController.php

@@ -1,5 +1,6 @@
 <?php
-declare (strict_types = 1);
+
+declare(strict_types=1);
 
 namespace app\controller\frontend;
 
@@ -29,15 +30,15 @@ class DetailController extends BaseController
     {
         $id = (int)input('id');
         $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);
-        if(empty($category)){
+        if (empty($category)) {
             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'])) {
@@ -75,9 +76,9 @@ class DetailController extends BaseController
             $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'];
         return $this->fetch($template);
     }
@@ -89,12 +90,12 @@ class DetailController extends BaseController
      */
     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 = $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("栏目不存在");
-            throw new HttpException(404,'资源不存在');
+            throw new HttpException(404, '资源不存在');
         }
         $param['cate'] = $category;
         $param['seller_id'] = $this->sellerId;
@@ -105,23 +106,23 @@ class DetailController extends BaseController
         }
         $contentService = new ContentService();
         $content = $contentService->getPreviewContent($param);
-        if(empty($content)){
+        if (empty($content)) {
             Log::error("内容不存在");
-            throw new HttpException(404,'资源不存在');
+            throw new HttpException(404, '资源不存在');
         }
         if (!empty($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');
-            }else{
+            } else {
                 $url = $content['main_content']['file']['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'];
         return $this->fetch($template);
     }

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

@@ -1,539 +1,381 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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/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 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 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 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 class="navigation_item" data-href="history">
-                    <a href="javascript:;">发展历程</a>
+                <div class="swiper-slide">
+                  <div class="history_year">
+                    <p>2020年</p>
+                  </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 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 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 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 class="swiper-button-prev-history"></div>
+            <div class="swiper-button-next-history"></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>
-                    <p class="honor_remark">ISO9001质量管理体系认证</p>
+                  </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>
-                    <p class="honor_remark">ISO9001质量管理体系认证</p>
+                  </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>
-                    <p class="honor_remark">ISO9001质量管理体系认证</p>
+                  </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>
-                    <p class="honor_remark">ISO9001质量管理体系认证</p>
+                  </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 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 class="footer_right">
-                    <img src="/static/images/common/qr-code.jpg" alt="">
-                    <p>扫码关注我们</p>
-                </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>
+          {/volist} {/hcTaglib:contentdetail}
         </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>

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

@@ -1,437 +1,323 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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/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="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 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 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 class="contact_map">
+            <img src="__TMPL__/static/images/contact/map.jpg" alt="" />
+          </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 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 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 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>
+                <input type="text" name="email" v-model="form.email" />
+              </div>
+              <div class="form_submit" @click="submitClick">提交</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>
+            {/hcTaglib:contentPage}
+          </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({
-        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>

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

@@ -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>

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

@@ -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>

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

@@ -4,7 +4,7 @@
     <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>{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
@@ -19,174 +19,21 @@
     <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="__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">
       <!-- banner -->
       <div class="banner">
         <div class="banner_content">
           <div class="swiper swiper-banner">
             <div class="swiper-wrapper">
+              {hcTaglib:contentPage mainField="id,title,thumbnail,description"
+              name="products" limit="3" name="case_list"}
               <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>
-                    <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">
                       了解更多
                       <img
@@ -204,6 +51,7 @@
                   />
                 </div>
               </div>
+              {/hcTaglib:contentPage}
             </div>
           </div>
           <div class="swiper-pagination-banner"></div>
@@ -253,6 +101,9 @@
           </div>
           <div class="swiper swiper-product">
             <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="product_main_pic">
                   <img
@@ -260,100 +111,13 @@
                     alt=""
                   />
                 </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">
-                    <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 class="product_main_more">
                     <img
@@ -363,12 +127,9 @@
                   </div>
                 </a>
               </div>
+              {/hcTaglib:content}
             </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>
       <!-- 新闻资讯 -->
@@ -474,106 +235,7 @@
         <div class="footer"></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>
   <script type="text/javascript" src="https://unpkg.com/vue"></script>
   <script

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

@@ -1,337 +1,159 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{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="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 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 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 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 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>
+
+          {/hcTaglib:contentPage}
         </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>

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

@@ -1,264 +1,108 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{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="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 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 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>
-</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>

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

@@ -1,369 +1,121 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{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="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 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 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>
+            <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 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 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>

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

@@ -1,444 +1,228 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>{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="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 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 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 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 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 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>
+                {/hcTaglib:content}
+              </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>