| 1 |
- (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[2046],{96052:function(t,e,i){var a=i(68271);a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals);var n=i(56).Z;n("3439e2aa",a,!0,{sourceMap:!1,shadowMode:!1})},16592:function(t,e,i){var a=i(96115);a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals);var n=i(56).Z;n("84a85e62",a,!0,{sourceMap:!1,shadowMode:!1})},91708:function(t,e,i){var a=i(16801);a.__esModule&&(a=a.default),"string"===typeof a&&(a=[[t.id,a,""]]),a.locals&&(t.exports=a.locals);var n=i(56).Z;n("1850295c",a,!0,{sourceMap:!1,shadowMode:!1})},77719:function(t,e,i){"use strict";var a;i.d(e,{Z:function(){return p}});var n,s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return t.show&&(0!==Number(t.value)||t.showZero||t.isDot)?i("v-uni-text",{staticClass:"u-badge",class:[t.isDot?"u-badge--dot":"u-badge--not-dot",t.inverted&&"u-badge--inverted","horn"===t.shape&&"u-badge--horn","u-badge--"+t.type+(t.inverted?"--inverted":"")],style:[t.$u.addStyle(t.customStyle),t.badgeStyle]},[t._v(t._s(t.isDot?"":t.showValue))]):t._e()},r=[],o=(i(9653),{props:{isDot:{type:Boolean,default:uni.$u.props.badge.isDot},value:{type:[Number,String],default:uni.$u.props.badge.value},show:{type:Boolean,default:uni.$u.props.badge.show},max:{type:[Number,String],default:uni.$u.props.badge.max},type:{type:String,default:uni.$u.props.badge.type},showZero:{type:Boolean,default:uni.$u.props.badge.showZero},bgColor:{type:[String,null],default:uni.$u.props.badge.bgColor},color:{type:[String,null],default:uni.$u.props.badge.color},shape:{type:String,default:uni.$u.props.badge.shape},numberType:{type:String,default:uni.$u.props.badge.numberType},offset:{type:Array,default:uni.$u.props.badge.offset},inverted:{type:Boolean,default:uni.$u.props.badge.inverted},absolute:{type:Boolean,default:uni.$u.props.badge.absolute}}}),l={name:"u-badge",mixins:[uni.$u.mpMixin,o,uni.$u.mixin],computed:{boxStyle:function(){var t={};return t},badgeStyle:function(){var t={};if(this.color&&(t.color=this.color),this.bgColor&&!this.inverted&&(t.backgroundColor=this.bgColor),this.absolute&&(t.position="absolute",this.offset.length)){var e=this.offset[0],i=this.offset[1]||e;t.top=uni.$u.addUnit(e),t.right=uni.$u.addUnit(i)}return t},showValue:function(){switch(this.numberType){case"overflow":return Number(this.value)>Number(this.max)?this.max+"+":this.value;case"ellipsis":return Number(this.value)>Number(this.max)?"...":this.value;case"limit":return Number(this.value)>999?Number(this.value)>=9999?Math.floor(this.value/1e4*100)/100+"w":Math.floor(this.value/1e3*100)/100+"k":this.value;default:return Number(this.value)}}}},u=l,d=(i(96052),i(69453)),c=(0,d.Z)(u,s,r,!1,null,"6718ea06",null,!1,a,n),p=c.exports},39782:function(t,e,i){"use strict";i.d(e,{Z:function(){return m}});var a,n={uBadge:i(77719).Z},s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-tabs"},[i("v-uni-view",{staticClass:"u-tabs__wrapper"},[t._t("left"),i("v-uni-view",{staticClass:"u-tabs__wrapper__scroll-view-wrapper"},[i("v-uni-scroll-view",{ref:"u-tabs__wrapper__scroll-view",staticClass:"u-tabs__wrapper__scroll-view",attrs:{"scroll-x":t.scrollable,"scroll-left":t.scrollLeft,"scroll-with-animation":!0,"show-scrollbar":!1}},[i("v-uni-view",{ref:"u-tabs__wrapper__nav",staticClass:"u-tabs__wrapper__nav"},[t._l(t.list,(function(e,a){return i("v-uni-view",{key:a,ref:"u-tabs__wrapper__nav__item-"+a,refInFor:!0,staticClass:"u-tabs__wrapper__nav__item",class:["u-tabs__wrapper__nav__item-"+a,e.disabled&&"u-tabs__wrapper__nav__item--disabled"],style:[t.$u.addStyle(t.itemStyle),{flex:t.scrollable?"":1}],on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.clickHandler(e,a)}}},[i("v-uni-text",{staticClass:"u-tabs__wrapper__nav__item__text",class:[e.disabled&&"u-tabs__wrapper__nav__item__text--disabled"],style:[t.textStyle(a)]},[t._v(t._s(e[t.keyName]))]),i("u-badge",{attrs:{show:!(!e.badge||!(e.badge.show||e.badge.isDot||e.badge.value)),isDot:e.badge&&e.badge.isDot||t.propsBadge.isDot,value:e.badge&&e.badge.value||t.propsBadge.value,max:e.badge&&e.badge.max||t.propsBadge.max,type:e.badge&&e.badge.type||t.propsBadge.type,showZero:e.badge&&e.badge.showZero||t.propsBadge.showZero,bgColor:e.badge&&e.badge.bgColor||t.propsBadge.bgColor,color:e.badge&&e.badge.color||t.propsBadge.color,shape:e.badge&&e.badge.shape||t.propsBadge.shape,numberType:e.badge&&e.badge.numberType||t.propsBadge.numberType,inverted:e.badge&&e.badge.inverted||t.propsBadge.inverted,customStyle:"margin-left: 4px;"}})],1)})),i("v-uni-view",{ref:"u-tabs__wrapper__nav__line",staticClass:"u-tabs__wrapper__nav__line",style:[{width:t.$u.addUnit(t.lineWidth),transform:"translate("+t.lineOffsetLeft+"px)",transitionDuration:(t.firstTime?0:t.duration)+"ms",height:t.$u.addUnit(t.lineHeight),background:t.lineColor,backgroundSize:t.lineBgSize}]})],2)],1)],1),t._t("right")],2)],1)},r=[],o=i(89441),l=i(41541),u=i(66407),d=i(4587),c=(i(85827),i(41539),i(47042),i(78783),i(33948),i(21249),i(9653),{props:{duration:{type:Number,default:uni.$u.props.tabs.duration},list:{type:Array,default:uni.$u.props.tabs.list},lineColor:{type:String,default:uni.$u.props.tabs.lineColor},activeStyle:{type:[String,Object],default:uni.$u.props.tabs.activeStyle},inactiveStyle:{type:[String,Object],default:uni.$u.props.tabs.inactiveStyle},lineWidth:{type:[String,Number],default:uni.$u.props.tabs.lineWidth},lineHeight:{type:[String,Number],default:uni.$u.props.tabs.lineHeight},lineBgSize:{type:String,default:uni.$u.props.tabs.lineBgSize},itemStyle:{type:[String,Object],default:uni.$u.props.tabs.itemStyle},scrollable:{type:Boolean,default:uni.$u.props.tabs.scrollable},current:{type:[Number,String],default:uni.$u.props.tabs.current},keyName:{type:String,default:uni.$u.props.tabs.keyName}}}),p={name:"u-tabs",mixins:[uni.$u.mpMixin,uni.$u.mixin,c],data:function(){return{firstTime:!0,scrollLeft:0,scrollViewWidth:0,lineOffsetLeft:0,tabsRect:{left:0},innerCurrent:0,moving:!1}},watch:{current:{immediate:!0,handler:function(t,e){var i=this;t!==this.innerCurrent&&(this.innerCurrent=t,this.$nextTick((function(){i.resize()})))}},list:function(){var t=this;this.$nextTick((function(){t.resize()}))}},computed:{textStyle:function(){var t=this;return function(e){var i={},a=e===t.innerCurrent?uni.$u.addStyle(t.activeStyle):uni.$u.addStyle(t.inactiveStyle);return t.list[e].disabled&&(i.color="#c8c9cc"),uni.$u.deepMerge(a,i)}},propsBadge:function(){return uni.$u.props.badge}},mounted:function(){var t=this;return(0,d.Z)((0,u.Z)().mark((function e(){return(0,u.Z)().wrap((function(e){while(1)switch(e.prev=e.next){case 0:t.init();case 1:case"end":return e.stop()}}),e)})))()},methods:{setLineLeft:function(){var t=this,e=this.list[this.innerCurrent];if(e){var i=this.list.slice(0,this.innerCurrent).reduce((function(t,e){return t+e.rect.width}),0),a=uni.$u.getPx(this.lineWidth);this.lineOffsetLeft=i+(e.rect.width-a)/2,this.firstTime&&setTimeout((function(){t.firstTime=!1}),10)}},animation:function(t){},clickHandler:function(t,e){this.$emit("click",(0,l.Z)((0,l.Z)({},t),{},{index:e})),t.disabled||(this.innerCurrent=e,this.resize(),this.$emit("change",(0,l.Z)((0,l.Z)({},t),{},{index:e})))},init:function(){var t=this;uni.$u.sleep().then((function(){t.resize()}))},setScrollLeft:function(){var t=this.list[this.innerCurrent],e=this.list.slice(0,this.innerCurrent).reduce((function(t,e){return t+e.rect.width}),0),i=uni.$u.sys().windowWidth,a=e-(this.tabsRect.width-t.rect.width)/2-(i-this.tabsRect.right)/2+this.tabsRect.left/2;a=Math.min(a,this.scrollViewWidth-this.tabsRect.width),this.scrollLeft=Math.max(0,a)},resize:function(){var t=this;0!==this.list.length&&Promise.all([this.getTabsRect(),this.getAllItemRect()]).then((function(e){var i=(0,o.Z)(e,2),a=i[0],n=i[1],s=void 0===n?[]:n;t.tabsRect=a,t.scrollViewWidth=0,s.map((function(e,i){t.scrollViewWidth+=e.width,t.list[i].rect=e})),t.setLineLeft(),t.setScrollLeft()}))},getTabsRect:function(){var t=this;return new Promise((function(e){t.queryRect("u-tabs__wrapper__scroll-view").then((function(t){return e(t)}))}))},getAllItemRect:function(){var t=this;return new Promise((function(e){var i=t.list.map((function(e,i){return t.queryRect("u-tabs__wrapper__nav__item-".concat(i),!0)}));Promise.all(i).then((function(t){return e(t)}))}))},queryRect:function(t,e){var i=this;return new Promise((function(e){i.$uGetRect(".".concat(t)).then((function(t){e(t)}))}))}}},b=p,f=(i(16592),i(69453)),v=(0,f.Z)(b,s,r,!1,null,"2ffdb29d",null,!1,n,a),m=v.exports},74405:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return p}});var a,n={uTabs:i(39782).Z,uSticky:i(88208).Z,uGap:i(70296).Z,uIcon:i(38275).Z},s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-page"},[i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("基础演示")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-tabs",{attrs:{list:t.list1,current:3},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.click.apply(void 0,arguments)}}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block",staticStyle:{"margin-bottom":"0"}},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("粘性布局")])],1),i("u-sticky",{attrs:{bgColor:"#fff"}},[i("u-tabs",{attrs:{list:t.list1}})],1),i("u-gap",{attrs:{height:"23",bgColor:"#fff"}}),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("显示徽标")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-tabs",{attrs:{list:t.list2}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("禁止滚动")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-tabs",{attrs:{list:t.list6,scrollable:!1}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("禁用菜单")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-tabs",{attrs:{list:t.list3}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("自定义样式")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-tabs",{attrs:{list:t.list4,lineWidth:"30",lineColor:"#f56c6c",activeStyle:{color:"#303133",fontWeight:"bold",transform:"scale(1.05)"},inactiveStyle:{color:"#606266",transform:"scale(1)"},itemStyle:"padding-left: 15px; padding-right: 15px; height: 34px;"}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("滑块设置背景图")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-tabs",{attrs:{list:t.list4,lineWidth:"20",lineHeight:"7",lineColor:"url("+t.lineBg+") 100% 100%",activeStyle:{color:"#303133",fontWeight:"bold",transform:"scale(1.05)"},inactiveStyle:{color:"#606266",transform:"scale(1)"},itemStyle:"padding-left: 15px; padding-right: 15px; height: 34px;"}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("右侧自定义插槽")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-tabs",{attrs:{list:t.list1}},[i("v-uni-view",{staticStyle:{"padding-left":"4px"},attrs:{slot:"right"},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.$u.toast("插槽被点击")}},slot:"right"},[i("u-icon",{attrs:{name:"list",size:"21",bold:!0}})],1)],1)],1)],1)],1)},r=[],o="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAOCAYAAABdC15GAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFxSURBVHgBzZNRTsJAEIb/WTW+lpiY+FZPIDew3ABP4GJ8hxsI9zBpOYHeQDwBPQI+mRiRvpLojtPdYhCorQqF/6GdbGd2vvwzBXZcNAt4oj1ANeUoAT5iqkUjbEFLHNmhD1YPEvpZ3ghkGlVDCkc94/BmHMq998I5ONiY1ZBfpKAyuOtgAc5yOEDmYEWNh32BHF91sGHZHmwW4azciN9aQwnz3SJEgOmte+R2tdLprTYoa50mvuomlLpD4Y3oQZnov6D2RzCqI93bWOHaEmAGqQUyRBlZR1WfarcD/EJ2z8DtzDGvsMCwpm8XOCfDUsVOCYhiqRxI/CTQo4UOvjzO7Pow18vfywneuUHHUUxLn55lLw5JFpZ8bEUcY8oXdOLWiHLTxvoGpLqoUmy6dBT15o/ox3znpoycAmxUsiJTbs1cmxeVKp+0zmFIS7bGWiVghC7Vwse8jFKAX9eljh4ggKLLv7uaQvG9/F59Oo2SouxPu7OTCxN/s8wAAAAASUVORK5CYII=",l={mixins:[uni.$u.mixin],data:function(){return{lineBg:o,list1:[{name:"关注"},{name:"推荐"},{name:"电影"},{name:"科技"},{name:"音乐"},{name:"美食"},{name:"文化"},{name:"财经"},{name:"手工"}],list2:[{name:"关注"},{name:"推荐",badge:{isDot:!0}},{name:"电影",badge:{value:5}},{name:"科技"},{name:"音乐"},{name:"美食"},{name:"文化"},{name:"财经"},{name:"手工"}],list3:[{name:"关注"},{name:"推荐"},{name:"电影",disabled:!0},{name:"科技"},{name:"音乐"},{name:"美食"},{name:"文化"},{name:"财经"},{name:"手工"}],list4:[{name:"关注"},{name:"推荐",badge:{isDot:!0}},{name:"电影"},{name:"科技"},{name:"音乐"},{name:"美食"},{name:"文化"},{name:"财经"},{name:"手工"}],list6:[{name:"关注"},{name:"推荐"},{name:"电影"},{name:"科技"}]}},onLoad:function(){},methods:{click:function(t){console.log("item",t)}}},u=l,d=(i(91708),i(69453)),c=(0,d.Z)(u,s,r,!1,null,"56f7f0b4",null,!1,n,a),p=c.exports},68271:function(t,e,i){"use strict";i.r(e);var a=i(43481),n=i.n(a),s=i(2400),r=i.n(s),o=r()(n());o.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-6718ea06], uni-scroll-view[data-v-6718ea06], uni-swiper-item[data-v-6718ea06]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-badge[data-v-6718ea06]{border-top-right-radius:100px;border-top-left-radius:100px;border-bottom-left-radius:100px;border-bottom-right-radius:100px;\ndisplay:flex;\nflex-direction:row;line-height:11px;text-align:center;font-size:11px;color:#fff}.u-badge--dot[data-v-6718ea06]{height:8px;width:8px}.u-badge--inverted[data-v-6718ea06]{font-size:13px}.u-badge--not-dot[data-v-6718ea06]{padding:2px 5px}.u-badge--horn[data-v-6718ea06]{border-bottom-left-radius:0}.u-badge--primary[data-v-6718ea06]{background-color:#3c9cff}.u-badge--primary--inverted[data-v-6718ea06]{color:#3c9cff}.u-badge--error[data-v-6718ea06]{background-color:#f56c6c}.u-badge--error--inverted[data-v-6718ea06]{color:#f56c6c}.u-badge--success[data-v-6718ea06]{background-color:#5ac725}.u-badge--success--inverted[data-v-6718ea06]{color:#5ac725}.u-badge--info[data-v-6718ea06]{background-color:#909399}.u-badge--info--inverted[data-v-6718ea06]{color:#909399}.u-badge--warning[data-v-6718ea06]{background-color:#f9ae3d}.u-badge--warning--inverted[data-v-6718ea06]{color:#f9ae3d}',""]),e["default"]=o},96115:function(t,e,i){"use strict";i.r(e);var a=i(43481),n=i.n(a),s=i(2400),r=i.n(s),o=r()(n());o.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-2ffdb29d], uni-scroll-view[data-v-2ffdb29d], uni-swiper-item[data-v-2ffdb29d]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-tabs__wrapper[data-v-2ffdb29d]{\ndisplay:flex;\nflex-direction:row;align-items:center}.u-tabs__wrapper__scroll-view-wrapper[data-v-2ffdb29d]{flex:1;overflow:auto hidden}.u-tabs__wrapper__scroll-view[data-v-2ffdb29d]{\ndisplay:flex;\nflex-direction:row;flex:1}.u-tabs__wrapper__nav[data-v-2ffdb29d]{\ndisplay:flex;\nflex-direction:row;position:relative}.u-tabs__wrapper__nav__item[data-v-2ffdb29d]{padding:0 11px;\ndisplay:flex;\nflex-direction:row;align-items:center;justify-content:center}.u-tabs__wrapper__nav__item--disabled[data-v-2ffdb29d]{cursor:not-allowed}.u-tabs__wrapper__nav__item__text[data-v-2ffdb29d]{font-size:15px;color:#606266}.u-tabs__wrapper__nav__item__text--disabled[data-v-2ffdb29d]{color:#c8c9cc!important}.u-tabs__wrapper__nav__line[data-v-2ffdb29d]{height:3px;background:#3c9cff;width:30px;position:absolute;bottom:2px;border-radius:100px;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;transition-duration:.3s}',""]),e["default"]=o},16801:function(t,e,i){"use strict";i.r(e);var a=i(43481),n=i.n(a),s=i(2400),r=i.n(s),o=r()(n());o.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */.u-page[data-v-56f7f0b4]{padding-bottom:500px}',""]),e["default"]=o}}]);
|
