pages-componentsB-noticeBar-noticeBar.08fa77ce.js 16 KB

1
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[8521],{6882:function(t,e,n){var i=n(74723);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.id,i,""]]),i.locals&&(t.exports=i.locals);var o=n(56).Z;o("3b572989",i,!0,{sourceMap:!1,shadowMode:!1})},96465:function(t,e,n){var i=n(11844);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.id,i,""]]),i.locals&&(t.exports=i.locals);var o=n(56).Z;o("686badaa",i,!0,{sourceMap:!1,shadowMode:!1})},1876:function(t,e,n){var i=n(89318);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.id,i,""]]),i.locals&&(t.exports=i.locals);var o=n(56).Z;o("803c1774",i,!0,{sourceMap:!1,shadowMode:!1})},81501:function(t,e,n){var i=n(76306);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.id,i,""]]),i.locals&&(t.exports=i.locals);var o=n(56).Z;o("0b5c5f02",i,!0,{sourceMap:!1,shadowMode:!1})},27305:function(t,e,n){"use strict";n.d(e,{Z:function(){return p}});var i,o={uIcon:n(38275).Z},a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",{staticClass:"u-notice",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.clickHandler.apply(void 0,arguments)}}},[t._t("icon",[t.icon?n("v-uni-view",{staticClass:"u-notice__left-icon"},[n("u-icon",{attrs:{name:t.icon,color:t.color,size:"19"}})],1):t._e()]),n("v-uni-swiper",{staticClass:"u-notice__swiper",attrs:{"disable-touch":t.disableTouch,vertical:!t.step,circular:!0,interval:t.duration,autoplay:!0},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.noticeChange.apply(void 0,arguments)}}},t._l(t.text,(function(e,i){return n("v-uni-swiper-item",{key:i,staticClass:"u-notice__swiper__item"},[n("v-uni-text",{staticClass:"u-notice__swiper__item__text u-line-1",style:[t.textStyle]},[t._v(t._s(e))])],1)})),1),["link","closable"].includes(t.mode)?n("v-uni-view",{staticClass:"u-notice__right-icon"},["link"===t.mode?n("u-icon",{attrs:{name:"arrow-right",size:17,color:t.color}}):t._e(),"closable"===t.mode?n("u-icon",{attrs:{name:"close",size:16,color:t.color},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.close.apply(void 0,arguments)}}}):t._e()],1):t._e()],2)},c=[],u=(n(74916),n(77601),n(9653),{props:{text:{type:[Array],default:uni.$u.props.columnNotice.text},icon:{type:String,default:uni.$u.props.columnNotice.icon},mode:{type:String,default:uni.$u.props.columnNotice.mode},color:{type:String,default:uni.$u.props.columnNotice.color},bgColor:{type:String,default:uni.$u.props.columnNotice.bgColor},fontSize:{type:[String,Number],default:uni.$u.props.columnNotice.fontSize},speed:{type:[String,Number],default:uni.$u.props.columnNotice.speed},step:{type:Boolean,default:uni.$u.props.columnNotice.step},duration:{type:[String,Number],default:uni.$u.props.columnNotice.duration},disableTouch:{type:Boolean,default:uni.$u.props.columnNotice.disableTouch}}}),s={mixins:[uni.$u.mpMixin,uni.$u.mixin,u],watch:{text:{immediate:!0,handler:function(t,e){uni.$u.test.array(t)||uni.$u.error("noticebar组件direction为column时,要求text参数为数组形式")}}},computed:{textStyle:function(){var t={};return t.color=this.color,t.fontSize=uni.$u.addUnit(this.fontSize),t},vertical:function(){return"horizontal"!=this.mode}},data:function(){return{index:0}},methods:{noticeChange:function(t){this.index=t.detail.current},clickHandler:function(){this.$emit("click",this.index)},close:function(){this.$emit("close")}}},r=s,l=(n(6882),n(69453)),d=(0,l.Z)(r,a,c,!1,null,"fed5a3f4",null,!1,o,i),p=d.exports},52541:function(t,e,n){"use strict";n.d(e,{Z:function(){return p}});var i,o={uColumnNotice:n(27305).Z,uRowNotice:n(24527).Z},a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return t.show?n("v-uni-view",{staticClass:"u-notice-bar",style:[{backgroundColor:t.bgColor},t.$u.addStyle(t.customStyle)]},["column"===t.direction||"row"===t.direction&&t.step?[n("u-column-notice",{attrs:{color:t.color,bgColor:t.bgColor,text:t.text,mode:t.mode,step:t.step,icon:t.icon,"disable-touch":t.disableTouch,fontSize:t.fontSize,duration:t.duration},on:{close:function(e){arguments[0]=e=t.$handleEvent(e),t.close.apply(void 0,arguments)},click:function(e){arguments[0]=e=t.$handleEvent(e),t.click.apply(void 0,arguments)}}})]:[n("u-row-notice",{attrs:{color:t.color,bgColor:t.bgColor,text:t.text,mode:t.mode,fontSize:t.fontSize,speed:t.speed,url:t.url,linkType:t.linkType,icon:t.icon},on:{close:function(e){arguments[0]=e=t.$handleEvent(e),t.close.apply(void 0,arguments)},click:function(e){arguments[0]=e=t.$handleEvent(e),t.click.apply(void 0,arguments)}}})]],2):t._e()},c=[],u=(n(9653),{props:{text:{type:[Array,String],default:uni.$u.props.noticeBar.text},direction:{type:String,default:uni.$u.props.noticeBar.direction},step:{type:Boolean,default:uni.$u.props.noticeBar.step},icon:{type:String,default:uni.$u.props.noticeBar.icon},mode:{type:String,default:uni.$u.props.noticeBar.mode},color:{type:String,default:uni.$u.props.noticeBar.color},bgColor:{type:String,default:uni.$u.props.noticeBar.bgColor},speed:{type:[String,Number],default:uni.$u.props.noticeBar.speed},fontSize:{type:[String,Number],default:uni.$u.props.noticeBar.fontSize},duration:{type:[String,Number],default:uni.$u.props.noticeBar.duration},disableTouch:{type:Boolean,default:uni.$u.props.noticeBar.disableTouch},url:{type:String,default:uni.$u.props.noticeBar.url},linkType:{type:String,default:uni.$u.props.noticeBar.linkType}}}),s={name:"u-notice-bar",mixins:[uni.$u.mpMixin,uni.$u.mixin,u],data:function(){return{show:!0}},methods:{click:function(t){this.$emit("click",t),this.url&&this.linkType&&this.openPage()},close:function(){this.show=!1,this.$emit("close")}}},r=s,l=(n(96465),n(69453)),d=(0,l.Z)(r,a,c,!1,null,"158e4676",null,!1,o,i),p=d.exports},24527:function(t,e,n){"use strict";n.d(e,{Z:function(){return v}});var i,o={uIcon:n(38275).Z},a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",{staticClass:"u-notice",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.clickHandler.apply(void 0,arguments)}}},[t._t("icon",[t.icon?n("v-uni-view",{staticClass:"u-notice__left-icon"},[n("u-icon",{attrs:{name:t.icon,color:t.color,size:"19"}})],1):t._e()]),n("v-uni-view",{ref:"u-notice__content",staticClass:"u-notice__content"},[n("v-uni-view",{ref:"u-notice__content__text",staticClass:"u-notice__content__text",style:[t.animationStyle]},t._l(t.innerText,(function(e,i){return n("v-uni-text",{key:i,style:[t.textStyle]},[t._v(t._s(e))])})),1)],1),["link","closable"].includes(t.mode)?n("v-uni-view",{staticClass:"u-notice__right-icon"},["link"===t.mode?n("u-icon",{attrs:{name:"arrow-right",size:17,color:t.color}}):t._e(),"closable"===t.mode?n("u-icon",{attrs:{name:"close",size:16,color:t.color},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.close.apply(void 0,arguments)}}}):t._e()],1):t._e()],2)},c=[],u=n(66407),s=n(4587),r=(n(74916),n(77601),n(57658),n(47042),n(9653),{props:{text:{type:String,default:uni.$u.props.rowNotice.text},icon:{type:String,default:uni.$u.props.rowNotice.icon},mode:{type:String,default:uni.$u.props.rowNotice.mode},color:{type:String,default:uni.$u.props.rowNotice.color},bgColor:{type:String,default:uni.$u.props.rowNotice.bgColor},fontSize:{type:[String,Number],default:uni.$u.props.rowNotice.fontSize},speed:{type:[String,Number],default:uni.$u.props.rowNotice.speed}}}),l={name:"u-row-notice",mixins:[uni.$u.mpMixin,uni.$u.mixin,r],data:function(){return{animationDuration:"0",animationPlayState:"paused",nvueInit:!0,show:!0}},watch:{text:{immediate:!0,handler:function(t,e){this.vue(),uni.$u.test.string(t)||uni.$u.error("noticebar组件direction为row时,要求text参数为字符串形式")}},fontSize:function(){this.vue()},speed:function(){this.vue()}},computed:{textStyle:function(){var t={};return t.color=this.color,t.fontSize=uni.$u.addUnit(this.fontSize),t},animationStyle:function(){var t={};return t.animationDuration=this.animationDuration,t.animationPlayState=this.animationPlayState,t},innerText:function(){for(var t=[],e=20,n=this.text.split(""),i=0;i<n.length;i+=e)t.push(n.slice(i,i+e).join(""));return t}},mounted:function(){this.init()},methods:{init:function(){this.vue(),uni.$u.test.string(this.text)||uni.$u.error("noticebar组件direction为row时,要求text参数为字符串形式")},vue:function(){var t=this;return(0,s.Z)((0,u.Z)().mark((function e(){var n;return(0,u.Z)().wrap((function(e){while(1)switch(e.prev=e.next){case 0:return 0,n=0,e.next=3,uni.$u.sleep();case 3:return e.next=5,t.$uGetRect(".u-notice__content__text");case 5:return n=e.sent.width,e.next=8,t.$uGetRect(".u-notice__content");case 8:e.sent.width,t.animationDuration="".concat(n/uni.$u.getPx(t.speed),"s"),t.animationPlayState="paused",setTimeout((function(){t.animationPlayState="running"}),10);case 12:case"end":return e.stop()}}),e)})))()},nvue:function(){return(0,s.Z)((0,u.Z)().mark((function t(){return(0,u.Z)().wrap((function(t){while(1)switch(t.prev=t.next){case 0:case"end":return t.stop()}}),t)})))()},loopAnimation:function(t,e){},getNvueRect:function(t){},clickHandler:function(t){this.$emit("click")},close:function(){this.$emit("close")}}},d=l,p=(n(1876),n(69453)),f=(0,p.Z)(d,a,c,!1,null,"7508bc40",null,!1,o,i),v=f.exports},5625:function(t,e,n){"use strict";n.r(e),n.d(e,{default:function(){return d}});var i,o={uNoticeBar:n(52541).Z},a=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",{staticClass:"u-page"},[n("v-uni-view",{staticClass:"u-demo-block"},[n("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("基础功能")]),n("v-uni-view",{staticClass:"u-demo-block__content"},[n("u-notice-bar",{attrs:{text:t.text1}})],1)],1),n("v-uni-view",{staticClass:"u-demo-block"},[n("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("可关闭")]),n("v-uni-view",{staticClass:"u-demo-block__content"},[n("u-notice-bar",{attrs:{text:t.text5,mode:"closable"}})],1)],1),n("v-uni-view",{staticClass:"u-demo-block"},[n("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义横向滚动速度")]),n("v-uni-view",{staticClass:"u-demo-block__content"},[n("u-notice-bar",{attrs:{text:t.text2,speed:"250",mode:"closable"}})],1)],1),n("v-uni-view",{staticClass:"u-demo-block"},[n("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("可跳转(点击右箭头)")]),n("v-uni-view",{staticClass:"u-demo-block__content"},[n("u-notice-bar",{attrs:{text:t.text3,mode:"link",url:"/pages/componentsB/tag/tag"}})],1)],1),n("v-uni-view",{staticClass:"u-demo-block"},[n("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("横向步进滚动")]),n("v-uni-view",{staticClass:"u-demo-block__content"},[n("u-notice-bar",{attrs:{text:t.text4,step:!0},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.click.apply(void 0,arguments)}}})],1)],1),n("v-uni-view",{staticClass:"u-demo-block"},[n("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("纵向滚动")]),n("v-uni-view",{staticClass:"u-demo-block__content"},[n("u-notice-bar",{attrs:{text:t.text4,direction:"column"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.click.apply(void 0,arguments)}}})],1)],1),n("v-uni-view",{staticClass:"u-demo-block"},[n("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义样式")]),n("v-uni-view",{staticClass:"u-demo-block__content"},[n("u-notice-bar",{attrs:{text:t.text1,color:"#ffffff",bgColor:"#f56c6c"}})],1)],1)],1)},c=[],u={data:function(){return{text1:"uView UI众多组件覆盖开发过程的各个需求,组件功能丰富,多端兼容。让您快速集成,开箱即用",text2:"uView UI众多的贴心小工具,是您开发过程中召之即来的利器,让您飞镖在手,百步穿杨",text3:"uView UI收集众多的常用页面和布局,减少开发者的重复工作,让您专注逻辑,事半功倍",text4:["寒雨连江夜入吴","平明送客楚山孤","洛阳亲友如相问","一片冰心在玉壶"],text5:"涵盖uniapp各个方面,给开发者方向指导和设计理念,让您茅塞顿开,一马平川"}},onLoad:function(){},methods:{click:function(t){console.log(t)}}},s=u,r=(n(81501),n(69453)),l=(0,r.Z)(s,a,c,!1,null,"44a62dc1",null,!1,o,i),d=l.exports},74723:function(t,e,n){"use strict";n.r(e);var i=n(43481),o=n.n(i),a=n(2400),c=n.n(a),u=c()(o());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */uni-view[data-v-fed5a3f4], uni-scroll-view[data-v-fed5a3f4], uni-swiper-item[data-v-fed5a3f4]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-notice[data-v-fed5a3f4]{\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:space-between}.u-notice__left-icon[data-v-fed5a3f4]{align-items:center;margin-right:5px}.u-notice__right-icon[data-v-fed5a3f4]{margin-left:5px;align-items:center}.u-notice__swiper[data-v-fed5a3f4]{height:16px;\ndisplay:flex;\nflex-direction:row;align-items:center;flex:1}.u-notice__swiper__item[data-v-fed5a3f4]{\ndisplay:flex;\nflex-direction:row;align-items:center;overflow:hidden}.u-notice__swiper__item__text[data-v-fed5a3f4]{font-size:14px;color:#f9ae3d}',""]),e["default"]=u},11844:function(t,e,n){"use strict";n.r(e);var i=n(43481),o=n.n(i),a=n(2400),c=n.n(a),u=c()(o());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */uni-view[data-v-158e4676], uni-scroll-view[data-v-158e4676], uni-swiper-item[data-v-158e4676]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-notice-bar[data-v-158e4676]{overflow:hidden;padding:9px 12px;flex:1}',""]),e["default"]=u},89318:function(t,e,n){"use strict";n.r(e);var i=n(43481),o=n.n(i),a=n(2400),c=n.n(a),u=c()(o());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */uni-view[data-v-7508bc40], uni-scroll-view[data-v-7508bc40], uni-swiper-item[data-v-7508bc40]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-notice[data-v-7508bc40]{\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:space-between}.u-notice__left-icon[data-v-7508bc40]{align-items:center;margin-right:5px}.u-notice__right-icon[data-v-7508bc40]{margin-left:5px;align-items:center}.u-notice__content[data-v-7508bc40]{text-align:right;flex:1;\ndisplay:flex;\nflex-direction:row;flex-wrap:nowrap;overflow:hidden}.u-notice__content__text[data-v-7508bc40]{font-size:14px;color:#f9ae3d;padding-left:100%;word-break:keep-all;white-space:nowrap;-webkit-animation:u-loop-animation-data-v-7508bc40 10s linear infinite both;animation:u-loop-animation-data-v-7508bc40 10s linear infinite both;\ndisplay:flex;\nflex-direction:row}@-webkit-keyframes u-loop-animation-data-v-7508bc40{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes u-loop-animation-data-v-7508bc40{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}100%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}',""]),e["default"]=u},76306:function(t,e,n){"use strict";n.r(e);var i=n(43481),o=n.n(i),a=n(2400),c=n.n(a),u=c()(o());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */.u-demo-block__content[data-v-44a62dc1]{display:flex;flex-direction:column}',""]),e["default"]=u}}]);