if( parseInt($.browser.version) === 8 ){ }else{ //只有dom存在,才绑定js if(document.querySelector('#u770254')){ var num = 'u770254'; window['indexNavVm'+num] = new Vue({ el: '#u770254', data:{ editVal:{}, listArr:[], url:'', indexShow:true,//判断渲染index还是edit }, methods:{ iconFourStyle:function (fontSize,navIconPosition,tweLevelFontSize,color) { var liHeight = $('#u770254').find('.indexNav').children('.indexNavChild').height(); var liWidth = $('#u770254').find('.indexNav').children('li').width(); var dropDownMenuHeight = $('#u770254').find('.indexNavChild').children('ul').children('li').height(); var fontSize = parseInt(fontSize); if(navIconPosition == 'top-left'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:'3%', bottom:'', left:'7%', right:'', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'top-center'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:'3%', bottom:'', left:(liWidth - fontSize)/2+'px', right:'', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'top-right'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:'3%', bottom:'', left:'', right:'7%', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'center-left'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:(liHeight - fontSize)/2+'px', bottom:'', left:'7%', right:'', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'center-center'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:(liHeight - fontSize)/2+'px', bottom:'', left:(liWidth - fontSize)/2+'px', right:'', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'center-right'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:(liHeight - fontSize)/2+'px', bottom:'', left:'', right:'7%', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'bottom-left'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:'', bottom:'3%', left:'7%', right:'', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'bottom-center'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:'', bottom:'3%', left:(liWidth - fontSize)/2+'px', right:'', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'bottom-right'){ $('#u770254').find('.indexNav').children('li').children('i').css({ top:'68%', bottom:'3%', left:'', right:'7%', fontSize:fontSize+'px', color:color }); } //下拉菜单样式 $('#u770254').find('.indexNavChild').children('ul').find('i').css({ top:(dropDownMenuHeight - fontSize)/2+'px', bottom:'', left:'7%', right:'', fontSize:fontSize+'px', color:color }); //所有样式加载完成,导航出现 $('#u770254').find('.indexCustom').find('i').css('display','block'); $('#u770254').find('.menumenu').find('i').css('display','block'); }, hoverUlShow:function () { var that = this; $('#u770254').find('.indexNav').on('mouseenter','.indexNavChild',function () { var page = $(this).attr('data-page'); if(that.editVal.full_screen_drop_down){ if(that.editVal.full_screen_drop_down.full_screen_drop_down && that.editVal.full_screen_drop_down.full_screen_drop_down.indexOf(page) > -1){ that.full_screen_drop_down($(this)); } else{ $(this).children('ul').stop(false,false).slideDown(150); } } else{ $(this).children('ul').stop(false,false).slideDown(150); } }); $('#u770254').find('.indexNav').on('mouseleave','.indexNavChild',function () { $(this).children('ul').stop(false,false).slideUp(150); var drop = $(this).find('.full_screen_drop_down'); if(drop.length > 0){ drop.removeClass('full_screen_drop_down_clone'); } }) }, full_screen_drop_down:function(li){ var w = $(window).width(); var dom = li.find('.full_screen_drop_down'); var l = li.offset().left; dom.css({ width:w + 'px', 'margin-left':l * -1 + 'px' }) dom.addClass('full_screen_drop_down_clone'); } }, created:function () { //初始化数据源赋 try{ var style = JSON.stringify({"navCustomStyle":true,"styleId":"nav1","styleChoicIndex":"","style":{"navBackground":"#f00","navLiBackground":"rgba(255, 255, 255, 1)","navColor":"rgba(13, 1, 1, 1)","navBorderStyle":"none","navBorderColor":"#f00","navFontFamily":"Microsoft YaHei","navFontWeight":"normal","navFontAlign":"center","navOneWidth":104,"navWidth":832,"navHeight":48,"navFontSize":15,"navBorderRadius":0,"navMarginRight":0},"navSelectStyle":{"navSelectBackground":"rgba(255, 255, 255, 1)","navSelectColor":"rgba(0, 112, 175, 1)","navSelectFontSize":15},"dropDownStyle":{"dropDownBackground":"rgba(255, 255, 255, 1)","dropDownColor":"rgba(0, 0, 0, 1)","dropDownHeight":40,"dropDownFontSize":15,"dropDownBackgroundImage":"","isRepeat":"repeat","opacity":1,"navMarginTopHeight":0,"navMarginBottomHeight":0,"width":140,"textAlign":"center","paddingLeft":0,"paddingRight":0},"dropDownSelectStyle":{"dropDownSelectBackground":"rgba(208, 208, 208, 1)","dropDownSelectColor":"rgba(0, 112, 175, 1)","dropDownSelectFontSize":15,"height":40,"opacity":0.5},"icon":{"position":"center-left","fontSize":16,"dropDownFontSize":12,"childIcon":"fa-anchor","color":"#f00"},"effectsObj":{"type":"","icon":"fa-adjust","iconSize":50,"iconColor":"#fff","changeSrc":"","borderStyle":"solid","borderWidth":1,"borderColor":"#ccc","deg":90,"zoom":1.5,"distance":20,"direction":"left-right"},"full_screen_drop_down":{"height":300,"background":"#f00","background_globalColor":"","col":6,"col_width":170,"class_title":{"color":"rgba(255, 255, 255, 1)","color_globalColor":"","select_color":"rgba(102, 102, 102, 1)","select_color_globalColor":"","fontSize":16,"fontWeight":"normal","fontStyle":"normal","textDecoration":"none"},"list_title":{"num":6,"color":"rgba(255, 255, 255, 1)","color_globalColor":"","select_color":"rgba(51, 51, 51, 1)","select_color_globalColor":"","fontSize":16,"fontWeight":"normal","fontStyle":"normal","textDecoration":"none"},"full_screen_drop_down":[]}}); if(style){ this.editVal = JSON.parse(style); } var listArr = JSON.stringify(); if(listArr){ this.listArr = JSON.parse(listArr); console.log('导航菜单',this.listArr) } } catch(err){} //获取链接,匹配/分割字符串 var urlId = window.location.pathname; }, ready:function () { var fontSize = this.editVal.icon.fontSize; var navIconPosition = this.editVal.icon.position; var tweLevelFontSize = this.editVal.icon.dropDownFontSize; var color = this.editVal.icon.color; this.iconFourStyle(fontSize,navIconPosition,tweLevelFontSize,color); this.hoverUlShow(); if(typeof templet!="undefined") { templet.checkaction(this); } } }); } } if( parseInt($.browser.version) === 8 ){ }else{ var num = 'u240157'; //只有dom存在,才绑定js if(document.querySelector('#u240157')){ window['indexVm' + num] = new Vue({ el: "#u240157", data: { indexStore: { }, indexShow: false }, watch: { infor: { handler: function(val, oldVal) { }, deep: true } }, methods: { pageHeight: function() { // 获取浏览器高度 if ($.browser.msie) { return document.compatMode == "CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight; } else { return self.innerHeight; } return $(window).height(); }, mouseover:function(e){ var ele = e.target; if(this.indexStore.effectsObj.type == 'scale'){ $(ele).css({ 'transform':'scale(' + this.indexStore.effectsObj.zoom + ')' }) } else if(this.indexStore.effectsObj.type == 'translate'){ if(this.indexStore.effectsObj.direction === 'up-down'){ $(ele).css({ 'transform':'translate(0,' +this.indexStore.effectsObj.distance + 'px)' }) } else{ $(ele).css({ 'transform':'translate(' +this.indexStore.effectsObj.distance + 'px,0)' }) } } else if(this.indexStore.effectsObj.type == 'rotate_new'){ $(ele).css({ 'transform':'rotate(' + this.indexStore.effectsObj.deg +'deg)' }) } else if(this.indexStore.effectsObj.type == 'border'){ $(ele).css({ 'borderStyle':this.indexStore.effectsObj.borderStyle, 'borderWidth':this.indexStore.effectsObj.borderWidth + 'px', 'borderColor':this.indexStore.effectsObj.borderColor, }); } }, mouseout:function(e){ var ele = e.target; if(this.indexStore.effectsObj.type == 'scale'){ $(ele).css({ 'transform':'scale(1)' }) } else if(this.indexStore.effectsObj.type == 'translate'){ $(ele).css({ 'transform':'translate(0,0)' }) } else if(this.indexStore.effectsObj.type == 'rotate_new'){ $(ele).css({ 'transform':'rotate(0deg)' }) } else if(this.indexStore.effectsObj.type == 'border'){ $(ele).css({ 'borderStyle':'not specified', 'borderWidth':0, 'borderColor':'', }); } } }, computed: { imgstyle: function() { return { width:this.indexStore.picture_width + 'px', height:this.indexStore.picture_height + 'px', borderRadius:this.indexStore.picture_border_radius + 'px', }; } }, created: function() { try{ var StorageVal = {"img_title":"深圳市葡萄京官网大全物流自动化有限公司","allwidth":200,"allheight":200,"isNewPage":true,"picStyle":"0","picture_width":170,"picture_height":120,"picture_border_radius":0,"imgUrl":"https://cmsimg01.71360.com/data/20191120/11u3058/public/2019112016194423495.png","imgUrl_hover":"","effectNum":0,"animatedType":"stylejs","linksStyle":"self","linksUrl":"/","openStyle":"_self","effectsObj":{"type":"","icon":"fa-adjust","iconSize":50,"iconColor":"#fff","changeSrc":"","borderStyle":"solid","borderWidth":1,"borderColor":"#ccc","deg":90,"zoom":1.5,"distance":20,"direction":"left-right","time":300}}; if (StorageVal != null) { this.indexStore = StorageVal; } }catch(e){} }, ready: function() { if (typeof templet != "undefined") { templet.checkaction(this); } // 悬浮 $('#u240157 div.graphic_position').hover(function () { $('#u240157 div.graphic_position img').eq(0).hide(); $('#u240157 div.graphic_position img').stop().eq(1).fadeIn(300); },function () { $('#u240157 div.graphic_position img').eq(1).hide(); $('#u240157 div.graphic_position img').stop().eq(0).fadeIn(300); }); } }); } } if( parseInt($.browser.version) === 8 ){ console.log('ie8') }else{ //只有dom存在,才绑定js if(document.querySelector('#u905613')) { var num = 'u905613'; window['indexVm' + num] = new Vue({ el: "#u905613", data: { indexStore: {} }, watch: {}, computed: {}, methods: {}, created: function () { try { var StorageVal = {"allwidth":200,"allheight":100,"themes":"monokai","codeHtml":"","codeCss":".swiper-slide{margin-bottom:0!important;}\nbody{min-width:1200px;overflow:hidden;}\n#u770254 .indexCustom .menumenu .indexNav .indexNavChild:hover .parent{font-weight: bold;\n}","codeJs":"$(\"body\").prepend(\"\");\n$(\"div,p,a,span,strong\").css(\"word-break\",\"\");\n\n$(function(){\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(1) ul li a:eq(0)\").attr(\"href\",\"/help-item-16.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(1) ul li a:eq(1)\").attr(\"href\",\"/help-item-17.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(1) ul li a:eq(2)\").attr(\"href\",\"/help-item-354.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(1) ul li a:eq(3)\").attr(\"href\",\"/help-item-19.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(1) ul li a:eq(4)\").attr(\"href\",\"/help-item-20.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(1) ul li a:eq(5)\").attr(\"href\",\"/help-item-275.html\")\n \n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(2) ul li a:eq(0)\").attr(\"href\",\"/product-item-2.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(2) ul li a:eq(1)\").attr(\"href\",\"/product-item-4.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(2) ul li a:eq(2)\").attr(\"href\",\"/product-item-5.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(2) ul li a:eq(3)\").attr(\"href\",\"/product-item-9.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(2) ul li a:eq(4)\").attr(\"href\",\"/product-item-8.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(2) ul li a:eq(5)\").attr(\"href\",\"/product-item-12.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(2) ul li a:eq(6)\").attr(\"href\",\"/product-item-11.html\")\n $(\"#u770254 .indexCustom .menumenu .indexNav .indexNavChild:eq(2) ul li a:eq(7)\").attr(\"href\",\"/product-item-13.html\")\n \n \n});","effectsObj":{"type":"","icon":"fa-adjust","iconSize":50,"iconColor":"#fff","changeSrc":"","borderStyle":"solid","borderWidth":1,"borderColor":"#ccc","deg":90,"zoom":1.5,"distance":20,"direction":"left-right"},"styleId":2036}; if (StorageVal != null) { this.indexStore = StorageVal; } //console.log('ie8',JSON.stringify(this.indexStore)) } catch (e) { } }, ready: function () { var _this = this; try { (function () { if (!_this.indexStore.codeJs) { return; } eval(_this.indexStore.codeJs) })(); } catch (e) { console.log('高级代码JS部分报错', e) } } }); } } if('' == '0' || '1' == '0'){ //样式1 var ad = new AdMove("u494971"); $('#u494971').css('zIndex','999999'); var times = '' || '10' ad.Run(parseInt(times)); //关闭点击事件 $("#u494971 #open_page").on('click',function(){ $('#u494971').css("display","none"); }); }; if( parseInt($.browser.version) === 8 ){ console.log('ie8') }else { //只有dom存在,才绑定js if (document.querySelector('#u494971')) { ;var num = 'u494971'; window['indexVm' + num] = new Vue({ el: "#u494971", data: { indexStore: {}, indexShow: false, costomDatas: {} }, watch: { costomDatas: { handler: function (val, oldVal) { console.log('test'); }, deep: true } }, computed: { div: function () { return { overflowX: this.indexStore.w_scrollX_type, overflowY: this.indexStore.w_scrollY_type, wordWrap: this.indexStore.w_word_type }; } }, methods: {}, created: function () { try { var StorageVal = {"w_scrollX_type":"hidden","w_scrollY_type":"hidden","w_word_type":"normal","contents":"葡萄京官网大全智能","msg":"","custom_pos_style":"1","is_hover":"0","custom_pos_style_left":0,"custom_pos_style_top":0,"custom_pos_style_rate":10,"hover_color":"#000","hover_bc_color":"#fff","width":165,"height":50,"fixedLeft":0,"fixedTop":0,"openShow":false,"isShows":false,"editBc":"#fff","effectsObj":{"type":"","icon":"fa-adjust","iconSize":50,"iconColor":"#fff","changeSrc":"","borderStyle":"solid","borderWidth":1,"borderColor":"#ccc","deg":90,"zoom":1.5,"distance":20,"direction":"left-right"}}; if (StorageVal != null) { this.indexStore = StorageVal; } } catch (e) { } // 兼容 if (!this.indexStore.is_hover) { this.indexStore.is_hover = '0'; this.indexStore.hover_color = "#000"; this.indexStore.hover_bc_color = "#fff"; } console.log('index', this.indexStore.custom_pos_style); //debugger; if (this.indexStore.custom_pos_style == '0') { //样式1 } else if (this.indexStore.custom_pos_style == '1') { //样式2 } else if (this.indexStore.custom_pos_style == '2') { //样式3 try { $('#u494971').css({ 'position': 'fixed', 'zIndex': '999999' }); } catch (e) { } ; } //挂件动画 try { $.allWidgetAnimate(this, $('#u494971')); } catch (e) { } ; }, ready: function () { if (this.indexStore.custom_pos_style === '2') { var t = setTimeout(function () { try { $("#u494971").draggable(); $("#u494971").draggable("disable"); } catch (e) { } clearTimeout(t); }, 500); } else if (this.indexStore.custom_pos_style === '1') { setTimeout(function () { try { $("#u494971").draggable("enable"); } catch (e) { } }, 100); } if (typeof templet != "undefined") { templet.checkaction(this); } // 兼容 if (!this.indexStore.is_hover) { this.indexStore.is_hover = '0'; this.indexStore.hover_color = "#000"; this.indexStore.hover_bc_color = "#fff"; } } }); } } //