| 1 |
- (window.webpackJsonp=window.webpackJsonp||[]).push([[74],{2409:function(t,n,e){var i=e(2410);"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,e(19).default)("ce0ca57a",i,!1,{})},2410:function(t,n,e){(t.exports=e(16)(!1)).push([t.i,"\n.component-wrapper[data-v-d5865eea] {\n display: flex;\n justify-content: center;\n width: 375px;\n}\n.scroll-notice[data-v-d5865eea] {\n width: 375px;\n text-align: center;\n height: 45px;\n line-height: 45px;\n white-space: nowrap;\n margin: 0 5px;\n text-overflow: ellipsis;\n content: '...';\n}\n.icon-box[data-v-d5865eea] {\n position: absolute;\n left: 0;\n top: 0;\n height: 39px;\n line-height: 39px;\n padding: 0 5px;\n margin: 3px 0;\n background: #fff;\n z-index: 1;\n vertical-align: middle;\n display: flex;\n align-items: center;\n}\n.icon-box i[data-v-d5865eea] {\n font-size: 20px;\n}\n.icon-box .icon-img[data-v-d5865eea] {\n width: 27px;\n height: 27px;\n}\n.wrap[data-v-d5865eea] {\n white-space: nowrap;\n overflow: hidden;\n height: 45px;\n line-height: 45px;\n}\n.box[data-v-d5865eea] {\n width: 80000%;\n}\n.box div[data-v-d5865eea] {\n float: left;\n}\n.marquee[data-v-d5865eea] {\n min-width: 375px;\n margin: 0 16px 0 0;\n}\n.copy[data-v-d5865eea] {\n min-width: 375px;\n}\n.node[data-v-d5865eea] {\n min-width: 375px;\n position: absolute;\n z-index: -999;\n top: -999999px;\n}\n",""])},2486:function(t,n,e){"use strict";e.r(n);var i=function(){if(this.datas.preview_color){var t=this.datas,n=t.preview_color,e=t.search_height,i=t.font_size,a=t.text_style,s=t.font_color;return"\n .component-"+this.id+" .notice-box{\n background-color: "+n.color+";\n background-image: url("+(2==n.isColor?n.image:"")+");\n background-size: 100% 100%;\n background-position: center;\n background-repeat: no-repeat;\n font-size: "+i+"px;\n font-weight: "+(a.includes("1")?"bold":"")+";\n font-style: "+(a.includes("2")?"italic":"")+";\n color: "+s+";\n }\n\n .component-"+this.id+" .icon-box{\n background-color: "+(2==n.isColor?"#ffffff":n.color)+";\n height: "+(e-6)+"px;\n line-height: "+(e-6)+"px;\n }\n\n .component-"+this.id+" .wrap, .component-"+this.id+" .scroll-notice{\n height: "+e+"px;\n line-height: "+e+"px;\n }\n "}},a={props:["id","datas","styles"],data:function(){return{timer:null,noticeWidth:"100%"}},mounted:function(){var t=this;this.$nextTick((function(){t.move()}))},computed:{css:function(){return"<style>"+i.call(this)+"</style>"},className:function(){return["component-wrapper","component-"+this.id]}},watch:{datas:{deep:!0,handler:function(){document.getElementById("copy"+this.id).innerText=this.datas.search_title,this.datas.scroll_speed&&this.debounce(this.move,200,"move")()}}},methods:{move:function(){var t=document.getElementById("node"+this.id).getBoundingClientRect().width||375,n=document.getElementById("box"+this.id);document.getElementById("copy"+this.id).innerText=this.datas.search_title;var e=0,i="";this.datas.scroll_speed&&(i=t/this.datas.scroll_speed),clearInterval(this.timer),this.timer=null,this.timer=setInterval((function(){-(e-=1)>=t&&(e=16),n.style.transform="translateX("+e+"px)"}),i||20)},debounce:function(t,n){var e=void 0;return function(){var i=this,a=arguments;e&&clearTimeout(e),e=setTimeout((function(){t.apply(i,a)}),n)}}}},s=function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"U000007-template1",class:t.className,staticStyle:{position:"relative"}},[e("div",{domProps:{innerHTML:t._s(t.css)}}),t._v(" "),e("div",{staticClass:"notice-box"},[t.datas.is_showIcon?e("div",{staticClass:"icon-box"},[t.datas.icon_value&&2==t.datas.icon_value.isIcon?t._e():e("i",{staticClass:"iconfont",class:[t.datas.icon_value&&t.datas.icon_value.icon?t.datas.icon_value.icon:"icon-ht_btn_news"]}),t._v(" "),t.datas.icon_value&&2==t.datas.icon_value.isIcon?e("img",{staticClass:"icon-img",attrs:{src:t.datas.icon_value.image,alt:""}}):t._e()]):t._e(),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:t.datas.is_scroll,expression:"datas.is_scroll"}],staticClass:"wrap",attrs:{id:"wrap"}},[e("div",{staticClass:"box",attrs:{id:"box"+t.id}},[e("div",{staticClass:"marquee",attrs:{id:"marquee"+t.id}},[t._v(t._s(t.datas.search_title||"请填写内容,可设置是否滚动显示"))]),t._v(" "),e("div",{staticClass:"copy",attrs:{id:"copy"+t.id}})]),t._v(" "),e("div",{staticClass:"node",attrs:{id:"node"+t.id}},[t._v(t._s(t.datas.search_title||"请填写内容,可设置是否滚动显示"))])]),t._v(" "),e("div",{directives:[{name:"show",rawName:"v-show",value:!t.datas.is_scroll,expression:"!datas.is_scroll"}],staticClass:"scroll-notice"},[t._v("\n "+t._s(t.datas.search_title||"请填写内容,可设置是否滚动显示")+"\n ")])])])};s._withStripped=!0;var o=e(11);var c=function(t){e(2409)},d=Object(o.a)(a,s,[],!1,c,"data-v-d5865eea",null);d.options.__file="src\\ui-component\\U_notice\\m\\index.vue";n.default=d.exports}}]);
|
