if( parseInt($.browser.version) === 8 ){ }else{ var num = 'u111629'; //只有dom存在,才绑定js if(document.querySelector('#u111629')){ window['indexVm' + num] = new Vue({ el: "#u111629", 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":"js33333金沙线路检测(CHINA)有限公司-Baidu百科NO.1","allwidth":200,"allheight":200,"isNewPage":true,"picStyle":"0","picture_width":100,"picture_height":80,"picture_border_radius":0,"imgUrl":"https://img03.71360.com/w3/z2xdeq/20241122/d963b265bd9bd41e000bfb5f6c337c2d.png","imgUrl_hover":"","effectNum":0,"animatedType":"stylejs","linksStyle":"self","linksUrl":"/","openStyle":"_self","is_lazy":"false","effectsObj":{"type":"","icon":"fa-adjust","iconSize":50,"iconColor":"#fff","iconColor_globalColor":"","changeSrc":"","borderStyle":"solid","borderWidth":1,"borderColor":"#ccc","borderColor_globalColor":"","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); } // 悬浮 $('#u111629 div.graphic_position').hover(function () { $('#u111629 div.graphic_position img').eq(0).hide(); $('#u111629 div.graphic_position img').stop().eq(1).fadeIn(300); },function () { $('#u111629 div.graphic_position img').eq(1).hide(); $('#u111629 div.graphic_position img').stop().eq(0).fadeIn(300); }); } }); } } if( parseInt($.browser.version) === 8 ){ }else{ //只有dom存在,才绑定js if(document.querySelector('#u119220')){ var num = 'u119220'; window['indexNavVm'+num] = new Vue({ el: '#u119220', data:{ editVal:{}, listArr:[], url:'', indexShow:true,//判断渲染index还是edit }, methods:{ iconFourStyle:function (fontSize,navIconPosition,tweLevelFontSize,color) { var liHeight = $('#u119220').find('.indexNav').children('.indexNavChild').height(); var liWidth = $('#u119220').find('.indexNav').children('li').width(); var dropDownMenuHeight = $('#u119220').find('.indexNavChild').children('ul').children('li').height(); var fontSize = parseInt(fontSize); if(navIconPosition == 'top-left'){ $('#u119220').find('.indexNav').children('li').children('i').css({ top:'3%', bottom:'', left:'7%', right:'', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'top-center'){ $('#u119220').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'){ $('#u119220').find('.indexNav').children('li').children('i').css({ top:'3%', bottom:'', left:'', right:'7%', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'center-left'){ $('#u119220').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'){ $('#u119220').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'){ $('#u119220').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'){ $('#u119220').find('.indexNav').children('li').children('i').css({ top:'', bottom:'3%', left:'7%', right:'', fontSize:fontSize+'px', color:color }); } else if(navIconPosition == 'bottom-center'){ $('#u119220').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'){ $('#u119220').find('.indexNav').children('li').children('i').css({ top:'68%', bottom:'3%', left:'', right:'7%', fontSize:fontSize+'px', color:color }); } //下拉菜单样式 $('#u119220').find('.indexNavChild').children('ul').find('i').css({ top:(dropDownMenuHeight - fontSize)/2+'px', bottom:'', left:'7%', right:'', fontSize:fontSize+'px', color:color }); //所有样式加载完成,导航出现 $('#u119220').find('.indexCustom').find('i').css('display','block'); $('#u119220').find('.menumenu').find('i').css('display','block'); }, hoverUlShow:function () { var that = this; $('#u119220').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); } }); $('#u119220').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","navBackground_globalColor":"","navLiBackground":"rgba(255, 102, 0, 0)","navLiBackground_globalColor":"","navColor":"rgba(255, 255, 255, 1)","navColor_globalColor":"","navBorderStyle":"dashed","navBorderColor":"rgba(71, 71, 71, 1)","navBorderColor_globalColor":"","navFontFamily":"Microsoft YaHei","navFontWeight":"normal","navFontAlign":"center","navOneWidth":120,"navWidth":1161,"navHeight":111,"navFontSize":16,"navBorderRadius":0,"navMarginRight":40},"navSelectStyle":{"navSelectBackground":"rgba(204, 204, 204, 0)","navSelectBackground_globalColor":"","navSelectColor":"#F7FF00","navSelectColor_globalColor":"sys_color_primary","navSelectFontSize":16},"dropDownStyle":{"dropDownBackground":"rgba(255, 255, 255, 1)","dropDownBackground_globalColor":"","dropDownColor":"rgba(51, 51, 51, 1)","dropDownColor_globalColor":"","dropDownHeight":45,"dropDownFontSize":14,"dropDownBackgroundImage":"","isRepeat":"repeat","opacity":0.8,"navMarginTopHeight":0,"navMarginBottomHeight":0,"width":100,"textAlign":"center","paddingLeft":0,"paddingRight":0},"dropDownSelectStyle":{"dropDownSelectBackground":"#F7FF00","dropDownSelectBackground_globalColor":"sys_color_primary","dropDownSelectColor":"rgba(0, 0, 0, 1)","dropDownSelectColor_globalColor":"","dropDownSelectFontSize":14,"height":45,"opacity":0.8},"icon":{"position":"center-left","fontSize":16,"dropDownFontSize":12,"childIcon":"fa-anchor","color":"#f00","color_globalColor":""},"full_screen_drop_down":{"height":300,"background":"#f00","background_globalColor":"","col":6,"col_width":170,"class_title":{"color":"#fff","color_globalColor":"","select_color":"#666","select_color_globalColor":"","fontSize":16,"fontWeight":"normal","fontStyle":"normal","textDecoration":"none"},"list_title":{"num":6,"color":"#fff","color_globalColor":"","select_color":"#333","select_color_globalColor":"","fontSize":16,"fontWeight":"normal","fontStyle":"normal","textDecoration":"none"},"full_screen_drop_down":[]},"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(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 ){ console.log('ie8') }else{ //只有dom存在,才绑定js if(document.querySelector('#u427631')) { var num = 'u427631'; window['indexVm' + num] = new Vue({ el: "#u427631", data: { indexStore: {} }, watch: {}, computed: {}, methods: {}, created: function () { try { var StorageVal = {"allwidth":200,"allheight":100,"themes":"monokai","codeHtml":"","codeCss":".swiper-slide{margin-bottom:0!important;}\n.headerBottomTime b{font-weight:400;}\n#productList .swiper-slide .border{width:100% !important;height:100% !important;}","codeJs":"$(\"body\").prepend(\"\");\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":2654}; 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) } } }); } } //