ykw
/
hemall.terabimsoft.com.cn


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645
							<!DOCTYPE html>
<html>
  <head lang="en">
    <meta http-equiv="content-Type" content="text/html;charset=UTF-8" />
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta name="keywords" content="<?php echo $keywords ?>" />
    <meta name="description" content="<?php echo $describe ?>" />
    <title><?php echo $title ?></title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_432132_0n3q5gx5aiio.css" />
    <link rel="stylesheet" href="official/website/css/main.css" />
  </head>
  <style>
    .home_page img{
  width: 100%;
}
.top_detail{
  display: flex;
  justify-content: space-evenly;
  padding: 150px 0;
}
.contain{
  align-items: normal !important;
  display: flex;
  justify-content: center;
  flex-direction: column;

}
.top_introduce{
display: flex;
flex-direction: column;
}
.top_introduce .title{
  font-size: 16px;
  letter-spacing: 3.2px;
  color: #0071dc;
  font-weight: bold;
}
.top_introduce .describe{
  font-size: 35px;
  letter-spacing: 7.2px;
  color: #252525;
  font-weight: bold;
  margin: 10px 0;
  max-width: 564px;
}
.top_introduce .objective{
  font-size: 16px;
  letter-spacing: 3.2px;
  color: #444444;
  text-align: left;
  max-width: 527px;
  margin-bottom: 20px;
  font-weight: bold;
}
.buttom_introduce{
  display: flex;
  justify-content:space-between;
}
.buttom_introduce .left_func{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.buttom_introduce .right_func{
  display: flex;
  flex-direction: column;
}
.buttom_introduce .title{
  letter-spacing: 4.4px;
  color: #252525; 
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0;
  display: block;
}
.buttom_introduce .describe{
  max-width: 253px;
  font-size: 16px;
  letter-spacing: 3.2px;
  color: #444444;
  font-weight: bold;
}
.image_contain{
  position: relative;
}
.image_contain .screen{
  position: absolute;
}
.image_contain .shap{
  position: absolute;
  left: 41px;
  top: 20px;
}
.image_contain .img_detail{
  width: 194px;
  height: 416px;
  position: relative;
  top: 21px;
  left: 42px;
  border-radius: 15px;
  z-index: 2;
}
.image_line{
  position: absolute;
  top: 3%;
  left: 40%;
  width: 124px;
  height: 22px;
  background: black;
  display: block;
  z-index: 4;
  border-radius: 41%;
}
.top_detail i {
  color: #007aff;
  font-size: 40px;
}
  </style>
  <body>
    <div id="app">
      <div class="nav">
        <div class="nav-a">
          <div class="nav-ul">
            <div class="nav-logo">
              <img src="<?php echo $top['logo']?>" alt="" />
            </div>
            <?php foreach($top['navigation'] as $kk=>$vv) {?>
            <div class="nav-li <?php if($vv[tool]==$name){?> nav-selected <?php }?>">
              <a href="<?php echo $vv['url']?>"><?php echo $vv['name']?></a>
            </div>
            <?php }?>
            <?php if ($top['is_sign'] == 1) {?>
            <a href="#" id="jump-url">
              <div class="nav-login">
                <div>立即登录</div>
              </div>
            </a>
            <?php }?>
          </div>
        </div>
      </div>
      <div style="height: 74px"></div>


      <!-- <div class="swiper-container" style="display: block; height: calc(100vh - 74px)">
        <div class="swiper-wrapper middle_detail"> -->
          <?php echo $app_top;?>
          <?php echo $content;?>
          
          <div class="swiper-slide home_detail" style="justify-content: flex-end">
            <div class="news">
              <div class="news-left">
                <div class="news-left-title">
                  <div class="news-left-look">看一看</div>
                  <div class="news-left-title-change"><a onclick="changeList()">⟳换一批</a><input type="hidden" id="pager" value="<?php echo $pager;?>" /></div>
                </div>
                <div id="news-content">
                  <?php foreach($web_rel as $kk=>$vv) {?>
                  <?php if ($kk <3) {?>
                  <a href="<?php echo $vv['web_url']?>" class="news-link">
                    <div class="news-li">
                      <div class="news-li-img">
                        <img src="<?php echo $vv['thumb']?>" alt="" />
                      </div>
                      <div class="news-li-right">
                        <div class="news-li-right-one">
                          <?php echo $vv['title']?>
                        </div>
                        <div class="news-li-right-two">
                          <?php echo $vv['desc']?>
                        </div>
                      </div>
                    </div>
                  </a>
                  <?php }?>
                  <?php }?>
                </div>
              </div>
              <div class="news-right">
                <div class="news-right-title">今日热点</div>
                <?php foreach($home_data as $kk=>$vv) {?>
                <div class="news-right-con">
                  <div class="news-right-num <?php if($kk == 0) {?> news-right-one <?php } elseif($kk == 1) {?> news-right-two <?php } elseif($kk == 2) {?> news-right-three <?php }?>">
                    <?php echo intval($kk+1);?>
                  </div>
                  <div class="news-right-content">
                    <a href="<?php echo $vv['web_url']?>"><?php echo $vv['title'];?></a>
                  </div>
                </div>
                <?php }?>
              </div>
            </div>
      
            <?php echo $tail;?>
      
            <div class="all-relation">
              <div class="relation-btn" id="relation-btn">
                <div class="relation-btn-one" id="callus">
                  <img src="official/website/images/lianxikefu.png" alt="" />
                  <div>联系客服</div>
                </div>
                <div class="relation-btn-one" id="back-top">
                  <img src="official/website/images/huidaodingbu.png" alt="" />
                  <div>回到顶部</div>
                </div>
              </div>
              <div class="relation">
                <div class="relation-title">在线咨询</div>
                <a href="<?php echo $basic['cus_link']?>" title="点击咨询">
                  <div class="relation-tel">
                    <div class="relation-tel-img">
                      <img src="official/website/images/suspension_qq.png" alt="" />
                    </div>
                    <div class="relation-tel-word">在线客服</div>
                  </div>
                </a>
                <div class="relation-tel">
                  <div class="relation-tel-img">
                    <img src="official/website/images/suspension_tel.png" alt="" />
                  </div>
                  <div class="relation-tel-word"><?php echo $basic['cus_mobile']?></div>
                </div>
                <div class="relation-tel relation-tel1">
                  <div class="relation-tel-img">
                    <img src="official/website/images/suspension_wechat.png" alt="" />
                  </div>
                  <div class="relation-tel-word">微信二维码</div>
                </div>
                <div class="qr-img">
                  <img src="<?php echo $basic['cus_url']?>" alt="" />
                </div>
                <img id="close-btn" style="position: absolute; top: -15px; right: -25px" src="official/website/images/adsystem_icon_cancle.png" alt="" />
              </div>
            </div>
          </div>
        <!-- </div> -->
        <!-- Add Pagination -->
        <!-- <div class="swiper-pagination"></div>
           </div> -->
      <?php echo $app_bottom;?>
    </div>
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
    <script>
      function add() {
        document.getElementsByClassName("swiper-container")[0].classList.add("mask");
      }
      function remove() {
        document.getElementsByClassName("swiper-container")[0].classList.remove("mask");
      }
    </script>
    <script>
      var swiper = new Swiper(".swiper-container", {
        direction: "vertical",
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        scrollbar: {
          el: ".swiper-scrollbar",
        },
        keyboard: true,
        mousewheel: true,
        on: {
          touchMove: function (swiper, event) {
            add();
          },
          touchEnd: function (swiper, event) {
            remove();
          },
        },
      });
    </script>
    <script type="text/javascript">
      var url = "";
      var is_runed = false;
      window.onload = function () {
        url = window.location.protocol + "//" + window.location.host + "/admin.html";
        if (document.getElementById("jump-url")) {
          document.getElementById("jump-url").setAttribute("href", url);
        }

        let dom1 = document.querySelectorAll(".news-li");
        if (dom1 && dom1.length > 0) {
          for (let i = 0; i < dom1.length; i++) {
            dom1[i].onmouseover = function (e) {
              e.currentTarget.classList.add("news-li-selected");
            };
            dom1[i].onmouseout = function (e) {
              e.currentTarget.classList.remove("news-li-selected");
            };
          }
        }
        let dom2 = document.querySelectorAll(".news-right-content");
        if (dom2 && dom2.length > 0) {
          for (let i = 0; i < dom2.length; i++) {
            dom2[i].onmouseover = function (e) {
              var ev = e || window.event; // 事件
              var target = e.target || e.srcElement; // 获得事件源
              target.classList.add("news-li-selected");
            };
            dom2[i].onmouseout = function (e) {
              var ev = e || window.event; // 事件
              var target = e.target || e.srcElement; // 获得事件源
              target.classList.remove("news-li-selected");
            };
          }
        }

        document.getElementById("callus").onclick = function (e) {
          document.getElementById("relation-btn").style.display = "none";
          document.getElementsByClassName("all-relation")[0].classList.add("all-relation-hover");
        };
        document.getElementById("close-btn").onclick = function (e) {
          document.getElementById("relation-btn").style.display = "inline-block";
          document.getElementsByClassName("all-relation")[0].classList.remove("all-relation-hover");
        };

        var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
        if (scrollTop > 0) {
          document.getElementById("back-top").style.display = "block";
        } else {
          document.getElementById("back-top").style.display = "none";
        }
        if (scrollTop > 1240 && scrollTop < 1640) {
          //调用
          if (!is_runed) {
            runNum();
            is_runed = true;
          }
        }

        document.getElementById("back-top").onclick = function (e) {
          if (document.documentElement.scrollTop) {
            document.documentElement.scrollTop = 0;
          } else {
            document.body.scrollTop = 0;
          }
        };

        window.onscroll = function () {
          var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
          if (scrollTop > 0) {
            document.getElementById("back-top").style.display = "block";
          } else {
            document.getElementById("back-top").style.display = "none";
          }
          if (scrollTop > 1240 && scrollTop < 1640) {
            //调用
            if (!is_runed) {
              runNum();
              is_runed = true;
            }
          }
        };
      };
    </script>
    <script>
      var wrap = document.querySelector(".wrap");
      var next = document.querySelector(".arrow_right");
      var prev = document.querySelector(".arrow_left");
      next.onclick = function () {
        next_pic();
      };
      prev.onclick = function () {
        prev_pic();
      };
      function next_pic() {
        index++;
        if (index > 2) {
          index = 0;
        }
        showCurrentDot();
        var newLeft;
        if (wrap.style.left === "-3600px") {
          newLeft = -1200;
        } else {
          newLeft = parseInt(wrap.style.left) - 1200;
        }
        wrap.style.left = newLeft + "px";
      }
      function prev_pic() {
        index--;
        if (index < 0) {
          index = 2;
        }
        showCurrentDot();
        var newLeft;
        if (wrap.style.left === "0px") {
          newLeft = -2400;
        } else {
          newLeft = parseInt(wrap.style.left) + 1200;
        }
        wrap.style.left = newLeft + "px";
      }
      var timer = null;
      function autoPlay() {
        timer = setTimeout(function () {
          next_pic();
          autoPlay();
        }, 5000);
      }
      autoPlay();

      var container = document.querySelector(".container");
      container.onmouseenter = function () {
        clearInterval(timer);
      };
      container.onmouseleave = function () {
        autoPlay();
      };

      var index = 0;
      var dots = document.getElementsByClassName("span-btn");
      function showCurrentDot() {
        for (var i = 0, len = dots.length; i < len; i++) {
          dots[i].className = "span-btn";
        }
        dots[index].className = "on span-btn";
      }
      for (var i = 0, len = dots.length; i < len; i++) {
        (function (i) {
          dots[i].onclick = function () {
            var dis = index - i;
            if (index == 4 && parseInt(wrap.style.left) !== -6000) {
              dis = dis - 5;
            }
            //和使用prev和next相同，在最开始的照片5和最终的照片1在使用时会出现问题，导致符号和位数的出错，做相应地处理即可
            if (index == 0 && parseInt(wrap.style.left) !== -1200) {
              dis = 5 + dis;
            }
            wrap.style.left = parseInt(wrap.style.left) + dis * 1200 + "px";
            index = i;
            showCurrentDot();
          };
        })(i);
      }

      // 滚动
      (function (win, doc) {
        let defaultsOption = {
          speed: 20,
          count: 100,
        };

        function FuncBox(options) {
          let _own = this;
          if (!options) {
            throw new Error("请传入配置参数");
          }
          _own = Object.assign(_own, defaultsOption, options);
          _own.container = doc.querySelector(_own.container) || doc.querySelectorAll(self.container);
          _own.NumberControl();
        }

        FuncBox.prototype = {
          NumberControl: function () {
            let opts = this;
            let max = 100,
              count = opts["count"],
              speed = Math.floor(count / max),
              sum = 0,
              contariner = opts.container,
              running = 1,
              fool = opts["speed"];
            let timer = setInterval(function () {
              if (running <= max && speed != 0) {
                contariner.innerText = sum = speed * running;
                running++;
              } else if (sum < count) {
                contariner.innerText = ++sum;
              } else {
                clearInterval(timer);
              }
            }, fool);
          },
        };
        win.FuncBox = FuncBox;
      })(window, document);
      // 调用
      function runNum() {
        let num1 = document.getElementById("num-1").innerText;
        let num2 = document.getElementById("num-2").innerText;
        let num3 = document.getElementById("num-3").innerText;
        let num4 = document.getElementById("num-4").innerText;

        var test1 = new FuncBox({
          container: "#num-1",
          speed: 10,
          count: num1,
        });
        var test1 = new FuncBox({
          container: "#num-2",
          speed: 10,
          count: num2,
        });
        var test1 = new FuncBox({
          container: "#num-3",
          speed: 10,
          count: num3,
        });
        var test1 = new FuncBox({
          container: "#num-4",
          speed: 10,
          count: num4,
        });
      }
      // 请求接口
      function submit() {
        let name = document.getElementById("name").value;
        let tel = document.getElementById("tel").value;
        let contact_url = "<?php echo $contact_url;?>";
        //console.log(contact_url);
        ajax({
          url: contact_url, //请求地址
          type: "POST", //请求方式
          data: { name: name, mobile: tel }, //请求参数
          dataType: "json",
          success: function (response, xml) {
            // 此处放成功后执行的代码
            alert("提交成功！");
          },
          fail: function (status) {
            // 此处放失败后执行的代码
            alert("提交失败！");
          },
        });
      }

      // ajax
      function ajax(options) {
        options = options || {};
        options.type = (options.type || "GET").toUpperCase();
        options.dataType = options.dataType || "json";
        var params = formatParams(options.data);

        //创建 - 非IE6 - 第一步
        if (window.XMLHttpRequest) {
          var xhr = new XMLHttpRequest();
        } else {
          //IE6及其以下版本浏览器
          var xhr = new ActiveXObject("Microsoft.XMLHTTP");
        }

        //接收 - 第三步
        xhr.onreadystatechange = function () {
          if (xhr.readyState == 4) {
            var status = xhr.status;
            if (status >= 200 && status < 300) {
              options.success && options.success(xhr.responseText, xhr.responseXML);
            } else {
              options.fail && options.fail(status);
            }
          }
        };

        //连接 和 发送 - 第二步
        if (options.type == "GET") {
          xhr.open("GET", options.url + "?" + params, true);
          xhr.send(null);
        } else if (options.type == "POST") {
          xhr.open("POST", options.url, true);
          //设置表单提交时的内容类型
          xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
          xhr.send(params);
        }
      }
      //格式化参数
      function formatParams(data) {
        var arr = [];
        for (var name in data) {
          arr.push(encodeURIComponent(name) + "=" + encodeURIComponent(data[name]));
        }
        arr.push(("v=" + Math.random()).replace(".", ""));
        return arr.join("&");
      }

      // 换一批
      function changeList() {
        var url = "<?php echo $follow_url;?>";
        var pager = document.getElementById("pager").value;
        ajax({
          url: url, //请求地址
          type: "POST", //请求方式
          data: { page: pager }, //请求参数
          dataType: "json",
          success: function (response, xml) {
            // 此处放成功后执行的代码
            // alert('提交成功！');
            // let list = [{},{},{},{},{}];//数据格式
            let list = JSON.parse(response);
            let list_data = list.data.read;
            setList(list_data);
            document.getElementById("pager").value = parseInt(pager) + 1;
          },
          fail: function (status) {
            // 此处放失败后执行的代码
            // alert('提交失败！');
          },
        });
      }
      function setList(list) {
        if (list.length && list != null && list.length > 0) {
          let html = "";
          list.forEach((item, index) => {
            html +=
              `
              <a href="` +
              item.detail_url +
              `" class="news-link">
                <div class="news-li">
                  <div class="news-li-img">
                    <img src="` +
              item.thumb +
              `" alt="" />
                  </div>
                  <div class="news-li-right">
                    <div class="news-li-right-one">
                      ` +
              item.title +
              `
                    </div>
                    <div class="news-li-right-two">
                      ` +
              item.desc +
              `
                    </div>
                  </div>
                </div>
              </a>
            `;
          });
          // 清空原来子节点
          var div = document.getElementById("news-content");
          while (div.hasChildNodes()) {
            //当div下还存在子节点时 循环继续
            div.removeChild(div.firstChild);
          }
          //console.log(html)
          div.innerHTML = html;
        }
      }
    </script>
  </body>
</html>