if( parseint($.browser.version) === 8 ){ }else{ var num = 'u576931'; //只有dom存在,才绑定js if(document.queryselector('#u576931')){ window['indexvm' + num] = new vue({ el: "#u576931", 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":202,"picture_height":61,"picture_border_radius":0,"imgurl":"https://img01.71360.com/file/read/www/m00/7e/44/wkj0iwezvxeabyxjaaagw9hj3rw271.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); } // 悬浮 $('#u576931 div.graphic_position').hover(function () { $('#u576931 div.graphic_position img').eq(0).hide(); $('#u576931 div.graphic_position img').stop().eq(1).fadein(300); },function () { $('#u576931 div.graphic_position img').eq(1).hide(); $('#u576931 div.graphic_position img').stop().eq(0).fadein(300); }); } }); } } if( parseint($.browser.version) === 8 ){ }else{ //只有dom存在,才绑定js if(document.queryselector('#u546788')){ var num = 'u546788'; window['indexnavvm'+num] = new vue({ el: '#u546788', data:{ editval:{}, listarr:[], url:'', indexshow:true,//判断渲染index还是edit }, methods:{ iconfourstyle:function (fontsize,naviconposition,twelevelfontsize,color) { var liheight = $('#u546788').find('.indexnav').children('.indexnavchild').height(); var liwidth = $('#u546788').find('.indexnav').children('li').width(); var dropdownmenuheight = $('#u546788').find('.indexnavchild').children('ul').children('li').height(); var fontsize = parseint(fontsize); if(naviconposition == 'top-left'){ $('#u546788').find('.indexnav').children('li').children('i').css({ top:'3%', bottom:'', left:'7%', right:'', fontsize:fontsize+'px', color:color }); } else if(naviconposition == 'top-center'){ $('#u546788').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'){ $('#u546788').find('.indexnav').children('li').children('i').css({ top:'3%', bottom:'', left:'', right:'7%', fontsize:fontsize+'px', color:color }); } else if(naviconposition == 'center-left'){ $('#u546788').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'){ $('#u546788').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'){ $('#u546788').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'){ $('#u546788').find('.indexnav').children('li').children('i').css({ top:'', bottom:'3%', left:'7%', right:'', fontsize:fontsize+'px', color:color }); } else if(naviconposition == 'bottom-center'){ $('#u546788').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'){ $('#u546788').find('.indexnav').children('li').children('i').css({ top:'68%', bottom:'3%', left:'', right:'7%', fontsize:fontsize+'px', color:color }); } //下拉菜单样式 $('#u546788').find('.indexnavchild').children('ul').find('i').css({ top:(dropdownmenuheight - fontsize)/2+'px', bottom:'', left:'7%', right:'', fontsize:fontsize+'px', color:color }); //所有样式加载完成,导航出现 $('#u546788').find('.indexcustom').find('i').css('display','block'); $('#u546788').find('.menumenu').find('i').css('display','block'); }, hoverulshow:function () { var that = this; $('#u546788').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.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); } }); $('#u546788').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, 102, 0, 0)","navcolor":"rgba(255, 255, 255, 1)","navborderstyle":"none","navbordercolor":"#f00","navfontfamily":"microsoft yahei","navfontweight":"normal","navfontalign":"center","navonewidth":120,"navwidth":880,"navheight":74,"navfontsize":16,"navborderradius":0,"navmarginright":0},"navselectstyle":{"navselectbackground":"rgba(123, 100, 100, 0)","navselectcolor":"rgba(255, 102, 0, 1)","navselectfontsize":16},"dropdownstyle":{"dropdownbackground":"rgba(0, 0, 0, 1)","dropdowncolor":"rgba(255, 255, 255, 1)","dropdownheight":40,"dropdownfontsize":14,"dropdownbackgroundimage":"","isrepeat":"repeat","opacity":0.6,"navmargintopheight":10,"navmarginbottomheight":10},"dropdownselectstyle":{"dropdownselectbackground":"rgba(255, 102, 0, 1)","dropdownselectcolor":"rgba(255, 255, 255, 1)","dropdownselectfontsize":14,"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":"#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":[]}}); 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); } } }); } } //