فهرست منبع

feat: pc新首页新增活动广告位

cuiyalong 1 سال پیش
والد
کامیت
3f141c84c0

+ 7 - 4
src/web/templates/pc/newIndex.html

@@ -209,16 +209,19 @@
     </div>
   </section>
 
-  <script defer src="//cdn-common.jianyu360.com/cdn/lib/vue/2.7.14/vue.min.js"></script>
-  <script defer src="//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/index.js"></script>
-  <script defer src=//cdn-common.jianyu360.com/cdn/lib/svga-web/svga.min.js></script>
+  <script src="//cdn-common.jianyu360.com/cdn/lib/vue/2.7.14/vue.min.js"></script>
+  <script src=//cdn-common.jianyu360.com/cdn/lib/svga-web/svga.min.js></script>
+  <script src="//cdn-common.jianyu360.com/cdn/lib/element-ui/2.15.7/lib/index.js"></script>
   <script defer src='{{Msg "seo" "cdn"}}/js/dateFunc.js?v={{Msg "seo" "version"}}'></script>
   <script defer src='{{Msg "seo" "cdn"}}/js/pc-message-new.js?v={{Msg "seo" "version"}}'></script>
   <script src="https://cdn-common.jianyu360.com/cdn/lib/swiper/5.4.2/swiper.min.js"></script>
   <script type="text/javascript" src='{{Msg "seo" "cdn"}}/common-module/public/js/china-map-data.js?v={{Msg "seo" "version"}}'></script>
   <script type="text/javascript" src='{{Msg "seo" "cdn"}}/js/index/seo_helper.js?v={{Msg "seo" "version"}}'></script>
   <script type="text/javascript" src='{{Msg "seo" "cdn"}}/js/index/index_swiper.js?v={{Msg "seo" "version"}}'></script>
-
+  <!-- 活动弹窗 -->
+  {{include "/pc/template/index/activity-dialog.html"}}
+  <!-- 新用户弹窗 -->
+  <!-- include "/common/pc_ad_dialog.html" -->
   <script type="text/javascript" src='{{Msg "seo" "cdn"}}/js/index/index_2023.12.js?v={{Msg "seo" "version"}}'></script>
   <script defer src=//cdn-common.jianyu360.com/cdn/lib/echarts/4.8.0/echarts.min.js></script>
   <script defer type="text/javascript" src='{{Msg "seo" "cdn"}}/js/index/index_charts.js?v={{Msg "seo" "version"}}'></script>

+ 147 - 0
src/web/templates/pc/template/index/activity-dialog.html

@@ -0,0 +1,147 @@
+<div class="pc_tc" id="pc-index-alert">
+  <div id="index_tc"  class="tc" dataUrl="">
+    <div id="index_tc_svga"></div>
+    <div class="tc_button"></div>
+  </div>
+  <img src="/images/pc/close2x.png" id="close2x">
+</div>
+<div class="tans"></div>
+<div class="live_preheat">
+  <div>
+    <img src="/qr?url=%2factive%2flivePage%2findex" class="live_preheat_qr"/>
+    <img src='{{Msg "seo" "cdn"}}/images/pc/live_preheat_close.png' class="live_preheat_close"/>
+  </div>
+</div>
+
+<script>
+  $(function () {
+    // 弹窗(优化一下?)
+    var times = new Date().getTime();
+    var day = new Date().getDay();
+    var activestart = {{.T.activestart}}
+    var adv_url = "";
+    var adv_img = "";
+    var adv_margin_left = "310";
+    var adv_margin_top = "110";
+    var adv_width = "620";
+    var adv_height = "210";
+    var adv_background_opacity = 0.6;
+    {{$s:=(Ad "jy-pc-index-tap" -1 .Host)}}
+    {{if $s}}
+    var ADList={{$s}}
+    if (ADList.length>0){
+      for (var i=0;i<ADList.length;i++ ){
+        var AD=ADList[i]
+        if(AD.s_link){
+          adv_url = AD.s_link
+        }
+        if(AD.s_pic){
+          adv_img = AD.s_pic
+        }
+        if (AD.o_extend != undefined) {
+          var nowTime = new Date().getTime();
+          if (AD.o_extend.startTime!=undefined){
+            var stArr = AD.o_extend.startTime.split("-");
+            if (stArr.length==6){
+              var stStr = stArr[0]+"-"+stArr[1]+"-"+stArr[2]+" "+stArr[3]+":"+stArr[4]+":"+stArr[5]
+              var stTime = new Date(stStr.replace(/-/g, '/')).getTime();
+              //未开始
+              if (stTime>nowTime){
+                continue
+              }
+            }
+          }
+          if (AD.o_extend.endTime!=undefined){
+            var etArr = AD.o_extend.endTime.split("-");
+            if (etArr.length==6){
+              var etStr = etArr[0]+"-"+etArr[1]+"-"+etArr[2]+" "+etArr[3]+":"+etArr[4]+":"+etArr[5]
+              var etTime = new Date(etStr.replace(/-/g, '/')).getTime();
+              //已结束
+              if (etTime<nowTime){
+                continue
+              }
+            }
+          }
+          if (AD.o_extend.width!=undefined){
+            adv_width = AD.o_extend.width;
+            adv_margin_left = parseInt(adv_width)/2;
+          }
+          if (AD.o_extend.height!=undefined){
+            adv_height = AD.o_extend.height;
+            adv_margin_top =  parseInt(adv_height)/2;
+          }
+          if (AD.o_extend.opacity!=undefined){
+            adv_background_opacity = AD.o_extend.opacity;
+          }
+        }
+        adv_img = '/common-module/public/image/pc-activity-dialog.svga'
+        if (adv_img!=""){
+          $(".tc_button").remove();
+          $("#pc-index-alert").removeClass("pc_tc").addClass("pc_tc_master").css({"margin-top":"-"+adv_margin_top+"px","margin-left":"-"+adv_margin_left+"px"});
+          $("#index_tc").removeClass("tc").addClass("tc_master").css({
+            "width":adv_width+"px",
+            "height":adv_height+"px",
+            // "background":"url('"+adv_img+"')",
+            "background-size":"cover"}).attr("dataurl",adv_url);
+          // SVGA 动画支持
+          if (adv_img.indexOf('.svga') !== -1) {
+            $('#index_tc_svga').css({
+              "width":adv_width+"px",
+              "height":adv_height+"px"
+            })
+            var player = new SVGA.Player('#index_tc_svga');
+            var parser = new SVGA.Parser('#index_tc_svga');
+            parser.load(adv_img, function(videoItem) {
+              player.setVideoItem(videoItem);
+              player.startAnimation();
+            })
+          } else {
+            $("#index_tc").css("background-image", "url('"+adv_img+"')")
+          }
+          $(".tans").css({"opacity":adv_background_opacity});//遮罩层透明度
+          break;
+        }
+      }
+    }
+    $("#close2x").click(function () {
+      localStorage.setItem("tc", day)
+      $("#index_tc").animate({
+        opacity: "hide"
+      }, "slow");
+      $("#close2x").animate({
+        opacity: "hide"
+      }, "slow");
+      $(".tans").animate({
+        opacity: "hide"
+      }, "slow");
+    });
+    $("#index_tc").on("click", function () {
+      var dataUrl = $(this).attr("dataUrl")
+      if (dataUrl!=""){
+        localStorage.setItem("tc", day)
+        window.location.href = dataUrl;
+      }
+    })
+    {{end}}
+
+    // 首页活动弹窗迁移至工作桌面首页,此处活动弹窗不再展示
+    var showDay = localStorage.tc;
+    if(adv_img!=""){
+      if(localStorage.tc === undefined){
+        $("#index_tc").css("display","block");
+        $("#close2x").css("display","block");
+        $(".tans").css("display","block");
+      }else{
+        if(showDay != day){
+          $("#index_tc").css("display","block");
+          $("#close2x").css("display","block");
+          $(".tans").css("display","block");
+        }else{
+          $("#index_tc").css("display","none");
+          $("#close2x").css("display","none");
+          $(".tans").css("display","none");
+        }
+      }
+    }
+  })
+</script>

+ 1 - 1
src/web/templates/pc/template/index/ent-service-module.html

@@ -33,7 +33,7 @@
       {{if $ad_5}}
       <div class="service-flow-chart">
         {{range $ad := $ad_ent_service}}
-        <a class="service-flow-chart-link" {{if $ad.S_link}}href="{{$ad.S_link}}"{{end}}>
+        <a class="service-flow-chart-link" {{if $ad.S_link}}href="{{$ad.S_link}}"{{end}} target="_blank">
           <img src="{{$ad.S_pic}}" alt="{{$ad.S_picalt}}">
         </a>
         {{end}}