| 1 |
- (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[2856],{68048:function(t,i,e){var u=e(80455);u.__esModule&&(u=u.default),"string"===typeof u&&(u=[[t.id,u,""]]),u.locals&&(t.exports=u.locals);var a=e(56).Z;a("eb5a199c",u,!0,{sourceMap:!1,shadowMode:!1})},85833:function(t,i,e){var u=e(70551);u.__esModule&&(u=u.default),"string"===typeof u&&(u=[[t.id,u,""]]),u.locals&&(t.exports=u.locals);var a=e(56).Z;a("6f3d02d6",u,!0,{sourceMap:!1,shadowMode:!1})},68696:function(t,i,e){var u=e(25237);u.__esModule&&(u=u.default),"string"===typeof u&&(u=[[t.id,u,""]]),u.locals&&(t.exports=u.locals);var a=e(56).Z;a("4257aaeb",u,!0,{sourceMap:!1,shadowMode:!1})},90933:function(t,i,e){"use strict";var u;e.d(i,{Z:function(){return f}});var a,s=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("v-uni-view",{ref:"u-col",staticClass:"u-col",class:["u-col-"+t.span],style:[t.colStyle],on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.clickHandler.apply(void 0,arguments)}}},[t._t("default")],2)},n=[],l=e(66407),o=e(4587),c=(e(9653),{props:{span:{type:[String,Number],default:uni.$u.props.col.span},offset:{type:[String,Number],default:uni.$u.props.col.offset},justify:{type:String,default:uni.$u.props.col.justify},align:{type:String,default:uni.$u.props.col.align},textAlign:{type:String,default:uni.$u.props.col.textAlign}}}),r={name:"u-col",mixins:[uni.$u.mpMixin,uni.$u.mixin,c],data:function(){return{width:0,parentData:{gutter:0},gridNum:12}},computed:{uJustify:function(){return"end"==this.justify||"start"==this.justify?"flex-"+this.justify:"around"==this.justify||"between"==this.justify?"space-"+this.justify:this.justify},uAlignItem:function(){return"top"==this.align?"flex-start":"bottom"==this.align?"flex-end":this.align},colStyle:function(){var t={paddingLeft:uni.$u.addUnit(uni.$u.getPx(this.parentData.gutter)/2),paddingRight:uni.$u.addUnit(uni.$u.getPx(this.parentData.gutter)/2),alignItems:this.uAlignItem,justifyContent:this.uJustify,textAlign:this.textAlign,flex:"0 0 ".concat(100/this.gridNum*this.span,"%"),marginLeft:100/12*this.offset+"%"};return uni.$u.deepMerge(t,uni.$u.addStyle(this.customStyle))}},mounted:function(){this.init()},methods:{init:function(){var t=this;return(0,o.Z)((0,l.Z)().mark((function i(){return(0,l.Z)().wrap((function(i){while(1)switch(i.prev=i.next){case 0:return t.updateParentData(),i.next=3,t.parent.getComponentWidth();case 3:t.width=i.sent;case 4:case"end":return i.stop()}}),i)})))()},updateParentData:function(){this.getParentData("u-row")},clickHandler:function(t){this.$emit("click")}}},d=r,p=(e(68048),e(69453)),v=(0,p.Z)(d,s,n,!1,null,"695a9cbc",null,!1,u,a),f=v.exports},20214:function(t,i,e){"use strict";var u;e.d(i,{Z:function(){return f}});var a,s=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("v-uni-view",{ref:"u-row",staticClass:"u-row",style:[t.rowStyle],on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.clickHandler.apply(void 0,arguments)}}},[t._t("default")],2)},n=[],l=e(66407),o=e(4587),c=(e(9653),e(41539),{props:{gutter:{type:[String,Number],default:uni.$u.props.row.gutter},justify:{type:String,default:uni.$u.props.row.justify},align:{type:String,default:uni.$u.props.row.align}}}),r={name:"u-row",mixins:[uni.$u.mpMixin,uni.$u.mixin,c],data:function(){return{}},computed:{uJustify:function(){return"end"==this.justify||"start"==this.justify?"flex-"+this.justify:"around"==this.justify||"between"==this.justify?"space-"+this.justify:this.justify},uAlignItem:function(){return"top"==this.align?"flex-start":"bottom"==this.align?"flex-end":this.align},rowStyle:function(){var t={alignItems:this.uAlignItem,justifyContent:this.uJustify};return this.gutter&&(t.marginLeft=uni.$u.addUnit(-Number(this.gutter)/2),t.marginRight=uni.$u.addUnit(-Number(this.gutter)/2)),uni.$u.deepMerge(t,uni.$u.addStyle(this.customStyle))}},methods:{clickHandler:function(t){this.$emit("click")},getComponentWidth:function(){var t=this;return(0,o.Z)((0,l.Z)().mark((function i(){return(0,l.Z)().wrap((function(i){while(1)switch(i.prev=i.next){case 0:return i.next=2,uni.$u.sleep();case 2:return i.abrupt("return",new Promise((function(i){t.$uGetRect(".u-row").then((function(t){i(t.width)}))})));case 3:case"end":return i.stop()}}),i)})))()}}},d=r,p=(e(85833),e(69453)),v=(0,p.Z)(d,s,n,!1,null,"b66689b2",null,!1,u,a),f=v.exports},74427:function(t,i,e){"use strict";e.r(i),e.d(i,{default:function(){return d}});var u,a={uRow:e(20214).Z,uCol:e(90933).Z},s=function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("v-uni-view",{staticClass:"u-page"},[e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("基础使用")]),e("v-uni-view",{staticClass:"u-demo-block__content"},[e("u-row",{attrs:{customStyle:"margin-bottom: 10px"}},[e("u-col",{attrs:{span:"6"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"6"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1)],1),e("u-row",{attrs:{customStyle:"margin-bottom: 10px"}},[e("u-col",{attrs:{span:"4"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1),e("u-col",{attrs:{span:"4"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"4"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-dark"})],1)],1),e("u-row",{attrs:{justify:"space-between"}},[e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1),e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1),e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1)],1)],1)],1),e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("分栏间隔")]),e("v-uni-view",{staticClass:"u-demo-block__content"},[e("u-row",{attrs:{justify:"space-between",gutter:"10"}},[e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1),e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1),e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1)],1)],1)],1),e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("混合布局")]),e("v-uni-view",{staticClass:"u-demo-block__content"},[e("u-row",{attrs:{justify:"space-between",gutter:"10"}},[e("u-col",{attrs:{span:"2"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"4"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1),e("u-col",{attrs:{span:"6"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-dark"})],1)],1)],1)],1),e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("分栏偏移")]),e("v-uni-view",{staticClass:"u-demo-block__content"},[e("u-row",{attrs:{justify:"space-between",customStyle:"margin-bottom: 10px"}},[e("u-col",{attrs:{span:"3",offset:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"3",offset:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1)],1),e("u-row",[e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"3",offset:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1)],1)],1)],1),e("v-uni-view",{staticClass:"u-demo-block"},[e("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("对齐方式")]),e("v-uni-view",{staticClass:"u-demo-block__content"},[e("u-row",{attrs:{justify:"space-between",customStyle:"margin-bottom: 10px"}},[e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1)],1),e("u-row",[e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple-light"})],1),e("u-col",{attrs:{span:"3"}},[e("v-uni-view",{staticClass:"demo-layout bg-purple"})],1)],1)],1)],1)],1)},n=[],l={data:function(){return{}}},o=l,c=(e(68696),e(69453)),r=(0,c.Z)(o,s,n,!1,null,"d0e237f2",null,!1,a,u),d=r.exports},80455:function(t,i,e){"use strict";e.r(i);var u=e(43481),a=e.n(u),s=e(2400),n=e.n(s),l=n()(a());l.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-695a9cbc], uni-scroll-view[data-v-695a9cbc], uni-swiper-item[data-v-695a9cbc]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-col[data-v-695a9cbc]{padding:0;box-sizing:border-box}.u-col-0[data-v-695a9cbc]{width:0}.u-col-1[data-v-695a9cbc]{width:8.3333333333%}.u-col-2[data-v-695a9cbc]{width:16.6666666667%}.u-col-3[data-v-695a9cbc]{width:25%}.u-col-4[data-v-695a9cbc]{width:33.3333333333%}.u-col-5[data-v-695a9cbc]{width:41.6666666667%}.u-col-6[data-v-695a9cbc]{width:50%}.u-col-7[data-v-695a9cbc]{width:58.3333333333%}.u-col-8[data-v-695a9cbc]{width:66.6666666667%}.u-col-9[data-v-695a9cbc]{width:75%}.u-col-10[data-v-695a9cbc]{width:83.3333333333%}.u-col-11[data-v-695a9cbc]{width:91.6666666667%}.u-col-12[data-v-695a9cbc]{width:100%}',""]),i["default"]=l},70551:function(t,i,e){"use strict";e.r(i);var u=e(43481),a=e.n(u),s=e(2400),n=e.n(s),l=n()(a());l.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-b66689b2], uni-scroll-view[data-v-b66689b2], uni-swiper-item[data-v-b66689b2]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-row[data-v-b66689b2]{\ndisplay:flex;\nflex-direction:row}',""]),i["default"]=l},25237:function(t,i,e){"use strict";e.r(i);var u=e(43481),a=e.n(u),s=e(2400),n=e.n(s),l=n()(a());l.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */.wrap[data-v-d0e237f2]{padding:12px}.demo-layout[data-v-d0e237f2]{height:25px;border-radius:4px}.bg-purple[data-v-d0e237f2]{background:#ced7e1}.bg-purple-light[data-v-d0e237f2]{background:#e5e9f2}.bg-purple-dark[data-v-d0e237f2]{background:#99a9bf}',""]),i["default"]=l}}]);
|
