123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>宝智达冷链官网</title>
- <meta content="width=device-width, initial-scale=1.0" name="viewport">
- <meta content="" name="keywords">
- <meta content="" name="description">
- <meta content="Author" name="WebThemez">
- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet">
- <!-- Favicons -->
- <link href="/static/img/favicon.png" rel="icon">
- <link href="/static/img/apple-touch-icon.png" rel="apple-touch-icon">
- <link href="/static/layui/css/layui.css" rel="stylesheet">
- <!--字体 -->
- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Raleway:300,400,500,700,800|Montserrat:300,400,700"
- rel="stylesheet">
- <!-- Bootstrap CSS File -->
- <link href="/static/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
- <!-- Libraries CSS Files -->
- <link href="/static/lib/font-awesome/css/font-awesome.min.css" rel="stylesheet">
- <link href="/static/lib/animate/animate.min.css" rel="stylesheet">
- <link href="/static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
- <link href="/static/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
- <link href="/static/lib/magnific-popup/magnific-popup.css" rel="stylesheet">
- <link href="/static/lib/ionicons/css/ionicons.min.css" rel="stylesheet">
- <!-- Main Stylesheet File -->
- <link href="/static/css/style.css" rel="stylesheet">
- </head>
- <body id="body">
- <header id="header">
- <div class="container">
- <div id="logo" class="pull-left">
- <img src="/static/img/favicon.png" alt="Logo" class="logo-image"/>
- <h1><a href="/" class="scrollto"><span>宝</span>智达冷链</a></h1>
- </div>
- <nav id="nav-menu-container">
- <ul class="layui-nav layui-bg-gray">
- <li class="layui-nav-item"><a href="/">首页</a></li>
- <li class="layui-nav-item"><a href="/about">关于我们</a></li>
- <li class="layui-nav-item">
- <a href="/news?types=industry">新闻</a>
- <dl class="layui-nav-child">
- <dd><a href="/news?types=firm">公司新闻</a></dd>
- <dd><a href="/news?types=industry">行业新闻</a></dd>
- </dl>
- </li>
- <li class="layui-nav-item"><a href="/services/1">服务介绍</a></li>
- <li class="layui-nav-item">
- <a href="/product?ptype=hardware">产品介绍</a>
- <dl class="layui-nav-child">
- <dd><a href="/product?ptype=software">软件</a></dd>
- <dd><a href="/product?ptype=hardware">硬件</a></dd>
- </dl>
- </li>
- <li class="layui-nav-item"><a href="/recruit">全国代理招募</a></li>
- <li class="layui-nav-item"><a href="/contact">联系我们</a></li>
- </ul>
- </nav>
- </div>
- </header>
- <!--==========================
- banner
- ============================-->
- <section id="innerBanner">
- <div class="inner-content">
- <h2><span>{{.detail.Title}}</span></h2>
- <div>
- </div>
- </div>
- </section>
- <main id="main">
- <!--==========================
- 服务&产品
- ============================-->
- <section id="services">
- <div class="container">
- <div class="section-header">
- <h2>产品详情</h2>
- </div>
- <div class="btn-group" role="group" aria-label="Basic outlined example">
- <button type="button" class="btn btn-outline-primary" id="introduction"
- onclick="location.href = '/product/{{.detail.ID}}'">产品介绍
- </button>
- <button type="button" class="btn btn-outline-primary" id="parameters"
- onclick="location.href = '/product/{{.detail.ID}}/parameters'">技术参数
- </button>
- <button type="button" class="btn btn-outline-primary" id="instructions"
- onclick="location.href = '/product/{{.detail.ID}}/instructions'">操作说明
- </button>
- <button type="button" class="btn btn-outline-primary" id="software"
- onclick="location.href = '/product/{{.detail.ID}}/software'">配套软件
- </button>
- <button type="button" class="btn btn-outline-primary" id="accessories"
- onclick="location.href = '/product/{{.detail.ID}}/accessories'">可选配件
- </button>
- </div>
- <div class="row" style="margin-top: 10px;" id="isShow">
- <div class="div2 col-6" style="width: 300px;height: auto">
- <img src="{{.detail.Url}}"
- class="img-fluid" alt="">
- </div>
- <div class="div1 col-6" id="t"></div>
- </div>
- <div id="t1" style="width: 100%; margin-top: 10px">
- </div>
- </div>
- </section><!-- #services -->
- <!--==========================
- Call To Action Section
- ============================-->
- <section id="call-to-action" class="wow fadeInUp">
- <div class="container">
- <div class="row">
- <div class="col-lg-9 text-center text-lg-left">
- <h3 class="cta-title">获取我们的服务</h3>
- <p class="cta-text">
- 欢迎随时与我们联系!无论您有关于产品的问题,需要技术支持,或是想要探讨合作机会,我们的团队都乐意为您提供帮助</p>
- </div>
- <div class="col-lg-3 cta-btn-container text-center">
- <a class="cta-btn align-middle" href="/contact">联系我们</a>
- </div>
- </div>
- </div>
- </section><!-- #call-to-action -->
- </main>
- <!--==========================
- 页脚
- ============================-->
- <footer id="footer">
- <div class="container">
- <div class="copyright">
- Copyright © 2018.Company name All rights reserved.<a target="_blank"
- href="http://sc.chinaz.com/moban/">网页模板</a>
- </div>
- <div class="credits">
- </div>
- </div>
- </footer><!-- #footer -->
- <a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>
- <!-- JavaScript -->
- <script src="/static/lib/jquery/jquery.min.js"></script>
- <script src="/static/lib/jquery/jquery-migrate.min.js"></script>
- <script src="/static/lib/bootstrap/js/bootstrap.bundle.min.js"></script>
- <script src="/static/lib/easing/easing.min.js"></script>
- <script src="/static/lib/superfish/hoverIntent.js"></script>
- <script src="/static/lib/superfish/superfish.min.js"></script>
- <script src="/static/lib/wow/wow.min.js"></script>
- <script src="/static/lib/owlcarousel/owl.carousel.min.js"></script>
- <script src="/static/lib/magnific-popup/magnific-popup.min.js"></script>
- <script src="/static/lib/sticky/sticky.js"></script>
- <!--<script src="contact/jqBootstrapValidation.js"></script>-->
- <!--<script src="contact/contact_me.js"></script>-->
- <script src="/static/js/main.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js"></script>
- <script src="/static/layui/layui.js"></script>
- <script>
- window.onload = function () {
- let s = '{{.detail.Detail}}';
- let s1 = '{{.detail.ProductIntroduction}}';
- let s2 = '';
- let isShow = document.querySelector('#isShow');
- let url = window.location.href;
- let prams = url.split('/')[5];
- let t1 = document.getElementById('t1');
- switch (prams) {
- case 'parameters':
- s1 = '{{.detail.TechnicalParameters}}';
- isShow.style.display = 'none';
- break;
- case 'instructions':
- s1 = '{{.detail.Instructions}}';
- isShow.style.display = 'none';
- break;
- case 'software':
- s2 = '{{.detail.SupportingSoftware}}';
- isShow.style.display = 'none';
- // 在这里添加a标签到t1
- console.log(s2);
- if (t1) { // 确保t1存在
- let link = document.createElement('a');
- // 创建a标签
- link.href = s2; // 设置href
- link.textContent = '配套软件软件下载';
- console.log(link);// 设置链接文本
- t1.appendChild(link); // 添加到t1
- }
- console.log("After adding link, t1.innerHTML:", t1.innerHTML)
- break;
- case 'accessories':
- s1 = '{{.detail.OptionalAccessories}}';
- isShow.style.display = 'none';
- break;
- }
- let t = document.getElementById('t');
- t.innerHTML = s;
- if (s1) {
- t1.innerHTML = s1;
- }
- };
- </script>
- </body>
- </html>
|