(self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[3289],{13379:function(t,e,i){var n=i(2429);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals);var o=i(56).Z;o("7bfa9504",n,!0,{sourceMap:!1,shadowMode:!1})},8602:function(t,e,i){var n=i(86666);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals);var o=i(56).Z;o("332936a5",n,!0,{sourceMap:!1,shadowMode:!1})},96835:function(t,e,i){"use strict";var n;i.d(e,{Z:function(){return b}});var o,s=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{ref:"u-subsection",staticClass:"u-subsection",class:["u-subsection--"+t.mode],style:[t.$u.addStyle(t.customStyle),t.wrapperStyle]},[i("v-uni-view",{ref:"u-subsection__bar",staticClass:"u-subsection__bar",class:["button"===t.mode&&"u-subsection--button__bar",0===t.current&&"subsection"===t.mode&&"u-subsection__bar--first",t.current>0&&t.current<t.list.length-1&&"subsection"===t.mode&&"u-subsection__bar--center",t.current===t.list.length-1&&"subsection"===t.mode&&"u-subsection__bar--last"],style:[t.barStyle]}),t._l(t.list,(function(e,n){return i("v-uni-view",{key:n,ref:"u-subsection__item--"+n,refInFor:!0,staticClass:"u-subsection__item",class:["u-subsection__item--"+n,n<t.list.length-1&&"u-subsection__item--no-border-right",0===n&&"u-subsection__item--first",n===t.list.length-1&&"u-subsection__item--last"],style:[t.itemStyle(n)],on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.clickHandler(n)}}},[i("v-uni-text",{staticClass:"u-subsection__item__text",style:[t.textStyle(n)]},[t._v(t._s(t.getText(e)))])],1)}))],2)},r=[],u=i(96257),a=(i(9653),{props:{list:{type:Array,default:uni.$u.props.subsection.list},current:{type:[String,Number],default:uni.$u.props.subsection.current},activeColor:{type:String,default:uni.$u.props.subsection.activeColor},inactiveColor:{type:String,default:uni.$u.props.subsection.inactiveColor},mode:{type:String,default:uni.$u.props.subsection.mode},fontSize:{type:[String,Number],default:uni.$u.props.subsection.fontSize},bold:{type:Boolean,default:uni.$u.props.subsection.bold},bgColor:{type:String,default:uni.$u.props.subsection.bgColor},keyName:{type:String,default:uni.$u.props.subsection.keyName}}}),c={name:"u-subsection",mixins:[uni.$u.mpMixin,uni.$u.mixin,a],data:function(){return{itemRect:{width:0,height:0}}},watch:{list:function(t,e){this.init()},current:{immediate:!0,handler:function(t){}}},computed:{wrapperStyle:function(){var t={};return"button"===this.mode&&(t.backgroundColor=this.bgColor),t},barStyle:function(){var t={};return t.width="".concat(this.itemRect.width,"px"),t.height="".concat(this.itemRect.height,"px"),t.transform="translateX(".concat(this.current*this.itemRect.width,"px)"),"subsection"===this.mode&&(t.backgroundColor=this.activeColor),t},itemStyle:function(t){var e=this;return function(t){var i={};return"subsection"===e.mode&&(i.borderColor=e.activeColor,i.borderWidth="1px",i.borderStyle="solid"),i}},textStyle:function(t){var e=this;return function(t){var i={};return i.fontWeight=e.bold&&e.current===t?"bold":"normal",i.fontSize=uni.$u.addUnit(e.fontSize),"subsection"===e.mode?i.color=e.current===t?"#fff":e.inactiveColor:i.color=e.current===t?e.activeColor:e.inactiveColor,i}}},mounted:function(){this.init()},methods:{init:function(){var t=this;uni.$u.sleep().then((function(){return t.getRect()}))},getText:function(t){return"object"===(0,u.Z)(t)?t[this.keyName]:t},getRect:function(){var t=this;this.$uGetRect(".u-subsection__item--0").then((function(e){t.itemRect=e}))},clickHandler:function(t){this.$emit("change",t)}}},l=c,d=(i(13379),i(69453)),f=(0,d.Z)(l,s,r,!1,null,"a03f19fa",null,!1,n,o),b=f.exports},24242:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return d}});var n,o={uSubsection:i(96835).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-subsection",{attrs:{list:t.list,mode:"subsection",current:t.current1},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.change1.apply(void 0,arguments)}}})],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-subsection",{attrs:{list:t.list,mode:"button",current:t.current2},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.change2.apply(void 0,arguments)}}})],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-subsection",{attrs:{list:t.list,mode:"subsection",current:t.current3,activeColor:"#f56c6c"},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.change3.apply(void 0,arguments)}}})],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-subsection",{attrs:{list:t.list,mode:"button",current:t.current4,activeColor:"#f9ae3d"},on:{change:function(e){arguments[0]=e=t.$handleEvent(e),t.change4.apply(void 0,arguments)}}})],1)],1)],1)},r=[],u={data:function(){return{current1:0,current2:0,current3:0,current4:1,list:["未付款","待评价","已付款"],current:1}},methods:{change1:function(t){this.current1=t},change2:function(t){this.current2=t},change3:function(t){this.current3=t},change4:function(t){this.current4=t}}},a=u,c=(i(8602),i(69453)),l=(0,c.Z)(a,s,r,!1,null,"7f221413",null,!1,o,n),d=l.exports},2429:function(t,e,i){"use strict";i.r(e);var n=i(43481),o=i.n(n),s=i(2400),r=i.n(s),u=r()(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-a03f19fa], uni-scroll-view[data-v-a03f19fa], uni-swiper-item[data-v-a03f19fa]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-subsection[data-v-a03f19fa]{\ndisplay:flex;\nflex-direction:row;position:relative;overflow:hidden;width:100%;box-sizing:border-box}.u-subsection--button[data-v-a03f19fa]{height:32px;background-color:#eeeeef;padding:3px;border-radius:3px;align-items:stretch}.u-subsection--button__bar[data-v-a03f19fa]{background-color:#fff;border-radius:3px!important}.u-subsection--subsection[data-v-a03f19fa]{height:30px}.u-subsection__bar[data-v-a03f19fa]{position:absolute;transition-property:color,-webkit-transform;transition-property:transform,color;transition-property:transform,color,-webkit-transform;transition-duration:.3s;transition-timing-function:ease-in-out}.u-subsection__bar--first[data-v-a03f19fa]{border-top-left-radius:3px;border-bottom-left-radius:3px;border-top-right-radius:0;border-bottom-right-radius:0}.u-subsection__bar--center[data-v-a03f19fa]{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:0;border-bottom-right-radius:0}.u-subsection__bar--last[data-v-a03f19fa]{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:3px;border-bottom-right-radius:3px}.u-subsection__item[data-v-a03f19fa]{\ndisplay:flex;\nflex-direction:row;flex:1;justify-content:center;align-items:center;position:relative}.u-subsection__item--no-border-right[data-v-a03f19fa]{border-right-width:0!important}.u-subsection__item--first[data-v-a03f19fa]{border-top-left-radius:3px;border-bottom-left-radius:3px}.u-subsection__item--last[data-v-a03f19fa]{border-top-right-radius:3px;border-bottom-right-radius:3px}.u-subsection__item__text[data-v-a03f19fa]{font-size:12px;line-height:12px;\ndisplay:flex;\nflex-direction:row;align-items:center;transition-property:color;transition-duration:.3s}',""]),e["default"]=u},86666:function(t,e,i){"use strict";i.r(e);var n=i(43481),o=i.n(n),s=i(2400),r=i.n(s),u=r()(o());u.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */.album[data-v-7f221413]{display:flex;flex-direction:row;align-items:flex-start}.album__avatar[data-v-7f221413]{background-color:#f3f4f6;padding:5px;border-radius:3px}.album__content[data-v-7f221413]{margin-left:10px;flex:1}',""]),e["default"]=u}}]);