弹窗

72d38336 · 肖康 · b1e5ec56 · 72d38336 · 72d38336 · 72d38336
Commit 72d38336 authored Aug 08, 2024 by 肖康
Showing with 393 additions and 8 deletions
css/base.less
css/base.min.css
css/style.less
css/style.min.css
index.html
js/global.js
--- a/css/base.less
+++ b/css/base.less
@@ -172,4 +172,9 @@ body {

 .mini-bar::-webkit-scrollbar-thumb {
    border-radius: 3px
-}
\ No newline at end of file
+}
+
+
+
+
+
--- a/css/base.min.css
+++ b/css/base.min.css
+*{word-wrap:break-word}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,body{*position:static;font-family:"PingFang SC",Arial,"Microsoft YaHei",sans-serif}html *{outline:none;-webkit-text-size-adjust:none !important;-webkit-tap-highlight-color:rgba(0,0,0,0) !important}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,menu,nav,section{margin:0;padding:0}button,input,select,textarea{font-size:100%;border:none;-webkit-appearance:none}input[type=button],input[type=file],input[type=submit]{cursor:pointer}table{border-collapse:collapse;border-spacing:0}ol,ul,dl{list-style:none}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}em,b,i{font-style:normal}a{text-decoration:none}img{border:none}.clr{*zoom:1;clear:both}.clr:after{content:".";clear:both;height:0;visibility:hidden;display:block}.fl{float:left;_display:inline}.fr{float:right;_display:inline}.va-t{vertical-align:top}.va-m{vertical-align:middle}.va-b{vertical-align:bottom}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{width:100%;-webkit-overflow-scrolling:touch}body{overflow-x:hidden}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}.main{width:1280px;margin:0 auto}::-webkit-scrollbar{width:7px;height:7px;background:transparent}::-webkit-scrollbar-track{background:white;border-radius:2px}::-webkit-scrollbar-thumb{background:#E6E6E6;background-clip:padding-box;border-radius:2px;transition:all .5s}::-webkit-scrollbar-thumb:hover{background:#999}::-webkit-scrollbar-corner{background:#f6f6f6}.mini-bar::-webkit-scrollbar{width:6px;height:6px}.mini-bar::-webkit-scrollbar-thumb{border-radius:3px}
\ No newline at end of file
--- a/css/style.less
+++ b/css/style.less
@@ -888,4 +888,306 @@
    100% {
        transform: scale(1);
    }
-}
\ No newline at end of file
+}
+
+
+
+
+
+/*弹出层样式*/
+.mzpops {
+    padding: 15px
+}
+
+.mzpops .mzpopscons {
+    border: 1px solid #f3f3f3;
+    height: 300px;
+    padding: 15px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    word-wrap: break-word
+}
+
+.mzpops .mzpopscons::-webkit-scrollbar {
+    width: 5px;
+    height: 106px
+}
+
+.mzpops .mzpopscons::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
+    background-color: #cccccc
+}
+
+.mzpops .mzbtnsxh {
+    display: block;
+    width: 180px;
+    margin: 0 auto;
+    margin-top: 25px;
+    border-radius: 2px;
+    height: 34px;
+    line-height: 34px;
+    text-align: center;
+    background: #1969F9;
+    border-radius: 1px;
+    color: #fff;
+    box-sizing: border-box;
+    border: 1px solid #1969F9;
+    transition: all .4s;
+    cursor: pointer
+}
+
+.mzpops .mzbtnsxh:hover {
+    background: #387FFF;
+    color: #fff
+}
+.pop-confirm, .pop-tip, .pop-show {
+    display: none;
+}
+.pop-confirm, .pop-tip{
+    z-index: 100005;
+        position: relative;
+}
+#ink-layer {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    z-index: 900;
+    background: rgba(0, 0, 0, 0.3);
+}
+
+.right-close {
+    height: 20px;
+    position: relative;
+}
+
+.right-close .close {
+    cursor: pointer;
+    height: 10px;
+    width: 10px;
+    position: absolute;
+    right: -20px;
+    top: 10px;
+    display: block;
+    background: url(https://static.ichunt.com/dist/res/images/ic_icon.png?v=20190821) 0 -20px no-repeat;
+}
+
+.window {
+    display: none;
+    background: #fff;
+    position: fixed;
+    top: 25%;
+    left: 50%;
+    z-index: 901;
+}
+
+.window .title {
+    
+    padding-top: 20px;
+    padding-bottom: 12px;
+    border-bottom: 1px solid #f2f2f2;
+}
+
+.window .title .close {
+    float: right;
+   font-size: 16px;
+   color:#919191;
+   cursor: pointer;
+   margin-right: 12px;
+   margin-top:-7px;
+}
+
+.window .title b {
+    font-size: 18px;
+    color: #313131;
+    font-weight: bold;
+    display: inline-block;
+    border-left:4px solid #1969F9;
+    margin-left: 18px;
+    height:21px;
+    line-height: 21px;
+    padding-left: 10px;
+}
+.window.popShow-content{
+    background: #FFFFFF;
+box-shadow: 1px 3px 18px -7px #929191;
+}
+.window .cont-input {
+    padding: 20px 0;
+}
+
+.window .cont-input dl {
+    padding-bottom: 8px;
+}
+
+.window .cont-input dt {
+    width: 165px;
+    text-align: right;
+    height: 32px;
+    line-height: 32px;
+    float: left;
+}
+
+.window .cont-input dd {
+    line-height: 32px;
+    float: left;
+    padding-left: 22px;
+}
+
+.window .cont-input dd input {
+    float: left;
+    width: 211px;
+}
+
+.window .cont-input dd textarea {
+    width: 330px;
+    height: 110px;
+}
+
+.window .cont-input dd span {
+    padding-left: 5px;
+}
+
+.window-text {
+    font-size: 14px;
+    text-align: center;
+    padding: 10px 20px;
+    background: url(https://static.ichunt.com/dist/res/images/gray-bg-50.png);
+    position: fixed;
+    top: 25%;
+    left: 45%;
+    z-index: 1001;
+    border-radius: 2px;
+    z-index: 10000
+}
+
+.window-text .text {
+    font-size: 14px;
+    line-height: 30px;
+    color: #fff;
+    font-weight: bold;
+}
+
+.window-text .text i {
+    display: inline-block;
+    position: relative;
+    top: 2px;
+    margin-right: 20px;
+    width: 15px;
+    height: 15px;
+    background: url(https://static.ichunt.com/dist/res/images/ic_icon.png?v=20190821) no-repeat;
+}
+
+.window-text .text .def-icon {
+    background-position: -87px -30px;
+}
+
+.window-text .text .win-icon {
+    background-position: -102px -30px;
+}
+
+.window-hint {
+    font-size: 14px;
+    display: none;
+    padding: 50px;
+    width: 300px;
+    margin-left: -200px;
+    background: #fff;
+    position: fixed;
+    top: 25%;
+    left: 50%;
+    z-index: 901;
+    border-radius: 7px;
+}
+
+.window-hint .text {
+    font-size: 14px;
+    line-height: 30px;
+    text-align: center;
+}
+
+.window-hint .submit {
+    margin-top: 20px;
+    height: 30px;
+    padding: 0 50px;
+}
+
+.window-hint .text .confirmtextbox {
+    width: 224px;
+}
+
+/***确认框***/
+.pop-confirm .window-hint {
+    border-radius: 2px;
+    padding-bottom: 40px;
+    width: 270px;
+    padding-left: 100px;
+    padding-right: 100px;
+    box-shadow: 1px 3px 18px -7px #929191;
+}
+
+.pop-confirm .text i {
+    vertical-align: middle;
+    margin-right: 15px;
+}
+
+.pop-confirm .submit {
+    padding: 0px !important;
+    margin-top: 50px;
+}
+
+.pop-confirm .submit a {
+    width: 120px;
+    line-height: 30px;
+    border-radius: 2px;
+    text-align: center;
+    margin-right: 20px;
+}
+
+.pop-confirm .submit .surex {
+    background: #fff;
+    border: 1px solid #ccc;
+    color: #616161 !important;
+}
+
+.pop-confirm .submit .close {
+    background: #1969f9;
+    margin-right: 0px;
+    border: 1px solid #1969f9;
+    color: #fff !important;
+}
+
+@-webkit-keyframes zoomIn {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3);
+    }
+
+    50% {
+        opacity: 1;
+    }
+}
+
+@keyframes zoomIn {
+    from {
+        opacity: 0;
+        -webkit-transform: scale3d(.3, .3, .3);
+        transform: scale3d(.3, .3, .3);
+    }
+
+    50% {
+        opacity: 1;
+    }
+}
+
+.zoomIn {
+    -webkit-animation: zoomIn 0.25s;
+    animation: zoomIn 0.25s;
+    -ms-animation: zoomIn 0.25s;
+    -moz-animation: zoomIn 0.25s;
+}
+
--- a/css/style.min.css
+++ b/css/style.min.css
--- a/index.html
+++ b/index.html
@@ -369,6 +369,20 @@
        </li>
    </ul>
 </div>
+
+<div class="mzpops" style="display:none;">
+    <div class="mzpopscons">
+        深圳市猎芯供应链有限公司（以下简称“猎芯供应链”）有关进出口国际物流服务的经营政策充分遵守从事全球贸易的国家所管理的所有相关法律和法规。为更好地维护猎芯供应链与您或您所在企业的长期合作友好关系，作出特别声明如下：
+ 
+请您及您所在企业在进出口贸易或进行国际物流服务时，请严格遵守美国进出口管制的法律法规。特此提示如不遵守美国出口管制法律和贸易法规可能会对您个人或您所在企业造成民事和刑事处罚，如因贵方不遵守美国出口管制法律法规产生的一切损失及其他法律后果，将由您或您所在企业自行承担；如因贵方违反上述规定的行为给猎芯供应链造成损失，我们将依法追责。具体而言，请您及您所在企业在从事进出口贸易或者提供国际物流运输服务时，谨遵如下约定：
+ 
+1. 不向任何被指定支持恐怖主义或受到美国全面贸易制裁的国家或地区（含克里米亚、古巴、伊朗、朝鲜、苏丹、叙利亚、俄罗斯、白俄罗斯以及后续增加的任何国家或者地区）从事进出口贸易及物流运输服务；
+2. 不向美国政府各项禁止清单（含各类实体清单及SDN清单）上的任何个人或实体从事进出口贸易及物流运输服务；
+3. 不得将猎芯供应链提供的国际物流运输服务用于禁止被使用的最终用途的个人或实体，包括与核武器、化学或生物武器的研发、设计、制造、建造、操作或维护有关的活动，或者任何军事终端用户。
+重要声明：请您及您所在企业遵守执行，如有违背上述之事项，猎芯供应链公司将有权随时终止双方的合作及服务而不作任何预先通知。感谢您的配合与支持！
+    </div>
+    <div class="mzbtnsxh">我已知悉（ACCEPT）</div>
+</div>
 <script type="text/javascript" src="js/jquery.min.js"></script>
 <script type="text/javascript" src="js/superSlide.js"></script>
 <script type="text/javascript" src="js/layui/layui.js"></script>

--- a/js/global.js
+++ b/js/global.js
+//设置cookie
+window.SetCookie = function(name, value, time, domain) //两个参数，一个是cookie的名子，一个是值，一个是天数
+{
+    domain = domain ? ";domain=" + domain : "";
+    var Days = time; //此 cookie 将被保存 30 天
+    var exp = new Date(); //new Date("December 31, 9998");
+    exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
+    document.cookie = name + "=" + encodeURIComponent(value) + ";expires=" + exp.toGMTString() + ";path=/" + domain;
+    return true;
+}
+window.getCookie = function(name) //取cookies函数
+{
+    var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
+    if (arr != null) return unescape(arr[2]);
+    return null;
+}
+
 ;!function () {
  window.IndexController = {
    init: function () {
@@ -7,6 +24,7 @@

      new WOW().init();//全局页面动画初始化

+
      $("#slideBox").slide({
        mainCell: ".bd ul",
        titCell: ".hd li",
@@ -20,9 +38,48 @@
      });

      this.menuChnage();
-
+      
      return this;
    },
+    popShow: function (opt) {
+      var ele = $(opt.ele);
+      var ele2 = $(opt.ele).hide();
+      var eleHtml = ele.clone(true);
+      $(opt.ele).remove();
+      $(".pop-show").remove();
+      var width_ = opt.width || 596,
+        width_2 = width_ + "px";
+      var noborder = opt.noborder;
+      var html = '<div class="pop-show" style="display:block"><div id="ink-layer" style="display:block"><div class="window user-tier popShow-content " style="display:block;width:' + width_2 + '"><div class="title" style="' + (noborder ? 'border:0px' : '') + '"><i class="icon iconfont icon-shanchu close" style="'+(opt.noclose?'display:none;':'')+'"></i><b>' + opt.text + '</b><font class="f-999" style="margin-left:20px;">' + (opt.tip ? opt.tip : '') + '</font></div></div></div></div>';
+      $("body").append(html);
+      $(".popShow-content").append(eleHtml);
+      $(".pop-show").find(opt.ele).show();
+      $(".verify").val("");
+      $(".pop-show .window").css({
+        top: '-50%',
+        opacity: '0',
+        "margin-left":-(width_/2)
+      });
+      $(".pop-show .window").animate({
+        top: '25%',
+        opacity: '1'
+      });
+      $(".pop-show i.close").unbind("click").click(function () {
+        window.popHide();
+        (opt.closeFun) && (opt.closeFun())
+      });
+      window.popHide = function () {
+        //window.animate({opacity:'0'});
+        $(".pop-show .window").animate({
+          top: '-50%',
+          opacity: '0'
+        }, function () {
+          ele.hide();
+          $(".pop-show").remove();
+          $("body").append(ele2.clone(true));
+        });
+      }
+    },
    /**
     * 菜单里滑块效果
     */
@@ -65,7 +122,14 @@
      });
    },
    handleBind: function (opt) {
-
+        /**免责弹窗***/
+      if (!getCookie("mz_pop")) {
+        IndexController.popShow({ text: "特别声明（Special Notice）", ele: ".mzpops", width: 800,noclose:1 });
+      }
+      $("body").on("click",".mzbtnsxh",function(){
+          SetCookie("mz_pop", 1, 1);
+          window.popHide()
+      })
      $(document).on('click', '.customerBtn', function (event) {
        event.preventDefault();
        var cooperationPosition = $('.cooperation').offset().top-150;
@@ -142,4 +206,5 @@
  }, $(function () {
    IndexController.init();
  })
-}();
\ No newline at end of file
+}();
+