1 line
10 KiB
JavaScript
1 line
10 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-component-view-view"],{3569:function(t,e,i){"use strict";var n=i("6b7b"),s=i.n(n);s.a},"3b23":function(t,e,i){"use strict";i.d(e,"b",(function(){return s})),i.d(e,"c",(function(){return a})),i.d(e,"a",(function(){return n}));var n={pageHead:i("f5c6").default},s=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("v-uni-view",[n("page-head",{attrs:{title:"view"}}),n("v-uni-view",{staticClass:"uni-padding-wrap uni-common-mt"},[n("v-uni-view",{staticClass:"uni-hello-text"},[t._v("Flex是Flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性。当设置display: flex后,继续给view等容器组件设置flex-direction:\n\t\t\trow或column,就可以在该容器内按行或列排布子组件。uni-app推荐使用flex布局。因为flex布局有利于跨更多平台,尤其是采用原生渲染的平台。")]),n("v-uni-view",{staticClass:"uni-title uni-common-mt"},[t._v("flex-direction: row"),n("v-uni-text",[t._v("\\n横向布局")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row"},[n("v-uni-view",{staticClass:"flex-item uni-bg-red"},[t._v("A")]),n("v-uni-view",{staticClass:"flex-item uni-bg-green"},[t._v("B")]),n("v-uni-view",{staticClass:"flex-item uni-bg-blue"},[t._v("C")])],1),n("v-uni-view",{staticClass:"uni-title uni-common-mt"},[t._v("flex-direction: column"),n("v-uni-text",[t._v("\\n纵向布局")])],1),n("v-uni-view",{staticClass:"uni-flex uni-column"},[n("v-uni-view",{staticClass:"flex-item flex-item-V uni-bg-red"},[t._v("A")]),n("v-uni-view",{staticClass:"flex-item flex-item-V uni-bg-green"},[t._v("B")]),n("v-uni-view",{staticClass:"flex-item flex-item-V uni-bg-blue"},[t._v("C")])],1),n("v-uni-view",{staticClass:"uni-title uni-common-mt"},[t._v("更多布局示例"),n("v-uni-text",[t._v("\\nflex布局演示")])],1),n("v-uni-view",[n("v-uni-view",{staticClass:"text"},[t._v("纵向布局-自动宽度")]),n("v-uni-view",{staticClass:"text",staticStyle:{width:"300rpx"}},[t._v("纵向布局-固定宽度")]),n("v-uni-view",{staticClass:"uni-flex uni-row"},[n("v-uni-view",{staticClass:"text"},[t._v("横向布局-自动宽度")]),n("v-uni-view",{staticClass:"text"},[t._v("横向布局-自动宽度")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row",staticStyle:{"-webkit-justify-content":"center","justify-content":"center"}},[n("v-uni-view",{staticClass:"text"},[t._v("横向布局-居中")]),n("v-uni-view",{staticClass:"text"},[t._v("横向布局-居中")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row",staticStyle:{"-webkit-justify-content":"flex-end","justify-content":"flex-end"}},[n("v-uni-view",{staticClass:"text"},[t._v("横向布局-居右")]),n("v-uni-view",{staticClass:"text"},[t._v("横向布局-居右")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row"},[n("v-uni-view",{staticClass:"text",staticStyle:{"-webkit-flex":"1",flex:"1"}},[t._v("横向布局-平均分布")]),n("v-uni-view",{staticClass:"text",staticStyle:{"-webkit-flex":"1",flex:"1"}},[t._v("横向布局-平均分布")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row",staticStyle:{"-webkit-justify-content":"space-between","justify-content":"space-between"}},[n("v-uni-view",{staticClass:"text"},[t._v("横向布局-两端对齐")]),n("v-uni-view",{staticClass:"text"},[t._v("横向布局-两端对齐")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row"},[n("v-uni-view",{staticClass:"text",staticStyle:{width:"200rpx"}},[t._v("固定宽度")]),n("v-uni-view",{staticClass:"text",staticStyle:{"-webkit-flex":"1",flex:"1"}},[t._v("自动占满余量")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row"},[n("v-uni-view",{staticClass:"text",staticStyle:{width:"200rpx"}},[t._v("固定宽度")]),n("v-uni-view",{staticClass:"text",staticStyle:{"-webkit-flex":"1",flex:"1"}},[t._v("自动占满")]),n("v-uni-view",{staticClass:"text",staticStyle:{width:"200rpx"}},[t._v("固定宽度")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row",staticStyle:{"-webkit-flex-wrap":"wrap","flex-wrap":"wrap"}},[n("v-uni-view",{staticClass:"text",staticStyle:{width:"280rpx"}},[t._v("一行显示不全,wrap折行")]),n("v-uni-view",{staticClass:"text",staticStyle:{width:"280rpx"}},[t._v("一行显示不全,wrap折行")]),n("v-uni-view",{staticClass:"text",staticStyle:{width:"280rpx"}},[t._v("一行显示不全,wrap折行")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row"},[n("v-uni-view",{staticClass:"text uni-flex",staticStyle:{"-webkit-flex":"1",flex:"1",height:"200rpx","-webkit-justify-content":"center","justify-content":"center","-webkit-align-items":"flex-start","align-items":"flex-start"}},[n("v-uni-text",[t._v("垂直居顶")])],1),n("v-uni-view",{staticClass:"text uni-flex",staticStyle:{"-webkit-flex":"1",flex:"1",height:"200rpx","-webkit-justify-content":"center","justify-content":"center","-webkit-align-items":"center","align-items":"center"}},[n("v-uni-text",[t._v("垂直居中")])],1),n("v-uni-view",{staticClass:"text uni-flex",staticStyle:{"-webkit-flex":"1",flex:"1",height:"200rpx","-webkit-justify-content":"center","justify-content":"center","-webkit-align-items":"flex-end","align-items":"flex-end"}},[n("v-uni-text",[t._v("垂直居底")])],1)],1)],1),n("v-uni-view",{staticClass:"uni-title uni-common-mt"},[t._v("组合示例"),n("v-uni-text",[t._v("\\nflex布局演示")])],1),n("v-uni-view",{staticClass:"uni-flex uni-row"},[n("v-uni-view",{staticClass:"text uni-flex",staticStyle:{width:"200rpx",height:"220rpx","-webkit-justify-content":"center","justify-content":"center","-webkit-align-items":"center","align-items":"center"}},[n("v-uni-image",{staticStyle:{width:"150rpx",height:"150rpx"},attrs:{src:i("b215")}})],1),n("v-uni-view",{staticClass:"uni-flex uni-column",staticStyle:{"-webkit-flex":"1",flex:"1","-webkit-justify-content":"space-between","justify-content":"space-between"}},[n("v-uni-view",{staticClass:"text",staticStyle:{height:"120rpx","text-align":"left","padding-left":"20rpx","padding-top":"10rpx"}},[t._v("文字居左,留出左间距")]),n("v-uni-view",{staticClass:"uni-flex uni-row"},[n("v-uni-view",{staticClass:"text",staticStyle:{"-webkit-flex":"1",flex:"1"}},[t._v("剩余数量")]),n("v-uni-view",{staticClass:"text",staticStyle:{"-webkit-flex":"1",flex:"1"}},[t._v("立即购买")])],1)],1)],1)],1)],1)},a=[]},"49d4":function(t,e,i){"use strict";i.r(e);var n=i("d501"),s=i.n(n);for(var a in n)["default"].indexOf(a)<0&&function(t){i.d(e,t,(function(){return n[t]}))}(a);e["default"]=s.a},6111:function(t,e,i){"use strict";i.r(e);var n=i("f98d"),s=i.n(n);for(var a in n)["default"].indexOf(a)<0&&function(t){i.d(e,t,(function(){return n[t]}))}(a);e["default"]=s.a},"6b7b":function(t,e,i){var n=i("fb3f");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var s=i("967d").default;s("38203be4",n,!0,{sourceMap:!1,shadowMode:!1})},a2b1:function(t,e,i){"use strict";i.r(e);var n=i("3b23"),s=i("6111");for(var a in s)["default"].indexOf(a)<0&&function(t){i.d(e,t,(function(){return s[t]}))}(a);i("3569");var l=i("828b"),u=Object(l["a"])(s["default"],n["b"],n["c"],!1,null,"3c9e044b",null,!1,n["a"],void 0);e["default"]=u.exports},b215:function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAACSCAYAAACnkDP0AAAAAXNSR0IArs4c6QAABJ5JREFUeAHtncFqU0EYhWdSpOBCcOsD+AKlJHEhrrSIiAjd6MOID6NLERFpd+ImSUtfwAdwK7golJKMcxsolE6US+5wck++rnTudOY/3/lswSxuCHxBAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEFibQFz7BOMDTk5OHs3n6Wkp4mAQjofD4aT0jLUQEGuFBdPp6fMQ0ueU0p3SlhjjZcb3ajTa/1Z6vu1riFUwYDo92wth/iNLdbfw+Hopy3Uews7j0Wjv7HqRP1wRGMDhNoGU5l/+J1XzXc2eZu/tE1hBrKID6UFxubjYZm/xAMtFxLKsVR8KsfQdWE6AWJa16kMhlr4DywkQy7JWfSjE0ndgOQFiWdaqD4VY+g4sJ0Asy1r1oRBL34HlBIhlWas+FGLpO7CcALEsa9WHQix9B5YTIJZlrfpQiKXvwHICxLKsVR8KsfQdWE6AWJa16kMhlr4DywkQy7JWfSjE0ndgOQFiWdaqD4VY+g4sJ0Asy1r1oRBL34HlBIhlWas+FGLpO7CcALEsa9WHQix9B5YTIJZlrfpQiKXvwHICxLKsVR8KsfQdWE6AWJa16kMhlr4DywkQy7JWfSjE0ndgOQFiWdaqD4VY+g4sJ0Asy1r1oRBL34HlBIhlWas+VNW3f81ms4eLRXijj9l6gnctv+N9y/3y7fl9ix/z+xZ/1hqkmliTyemTEBaf8uD3aw3PuWsR+B3C4PV4vP99rVNWfHOVX4X5J9WL/NK1o3wnUq0AvwHLuZt0tOyq+2mqiJVS+JCH3u1+XE7slkDaXXbV7anNabXEutf9qJxYg0AWq0pXVcSqAYAz+0UAsfrVV2+mRazeVNWvQRGrX331ZtoqYsUY/vSGwJYPWqurWmK9DSFebHlnPYgfL7JYuavuv6qIlT8q+JrFOsjj5v/d5WtDCeRu4sGyq+4nrPaRTjMqnxV2X1hXJ/b2s8KuACjOmUxmqc294/Gw6j/QNrNsyt4qvwo3JRxz6Agglo699c2IZV2vLhxi6dhb34xY1vXqwiGWjr31zYhlXa8uHGLp2FvfjFjW9erCIZaOvfXNiGVdry4cYunYW9+MWNb16sIhlo699c2IZV2vLhxi6dhb34xY1vXqwiGWjr31zYhlXa8uHGLp2FvfjFjW9erCIZaOvfXNiGVdry4cYunYW9+MWNb16sIhlo699c2IZV2vLhxi6dhb34xY1vXqwiGWjr31zYhlXa8uHGLp2FvfjFjW9erCIZaOvfXNiGVdry4cYunYW9+MWNb16sIhlo699c2IZV2vLhxi6dhb34xY1vXqwiGWjr31zYhlXa8uHGIV2cdfxeXiYpu9xQMsFxGrUGuMOy9jjOeFRzeWmj3N3huL/OWKAGIVRBiN9s7yu/wOsziXhcdXS8tn8XC5d9Wu7V3ndWj/6D6/b3G8WIRnpS35fX/H+SWSk9Iz1iAAAQhAAAIQgAAEIAABCEAAAhCAAAQgAAEIQAACEIAABCAAAQhAAAIQgAAEIAABCEAAAhCAAAQgsH0E/gJqCXZbuIgCpQAAAABJRU5ErkJggg=="},d501:function(t,e,i){"use strict";i("6a54"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={name:"page-head",props:{title:{type:String,default:""}}};e.default=n},f5c6:function(t,e,i){"use strict";i.r(e);var n=i("ff63"),s=i("49d4");for(var a in s)["default"].indexOf(a)<0&&function(t){i.d(e,t,(function(){return s[t]}))}(a);var l=i("828b"),u=Object(l["a"])(s["default"],n["b"],n["c"],!1,null,null,null,!1,n["a"],void 0);e["default"]=u.exports},f98d:function(t,e,i){"use strict";i("6a54"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;e.default={data:function(){return{}}}},fb3f:function(t,e,i){var n=i("c86c");e=n(!1),e.push([t.i,".flex-item[data-v-3c9e044b]{width:33.3%;height:%?200?%;text-align:center;line-height:%?200?%}.flex-item-V[data-v-3c9e044b]{width:100%;height:%?150?%;text-align:center;line-height:%?150?%}.text[data-v-3c9e044b]{margin:%?15?% %?10?%;padding:0 %?20?%;background-color:#ebebeb;height:%?70?%;line-height:%?70?%;text-align:center;color:#777;font-size:%?26?%}.desc[data-v-3c9e044b]{\n\t/* text-indent: 40rpx; */}.flex-pc[data-v-3c9e044b]{display:flex;justify-content:center}",""]),t.exports=e},ff63:function(t,e,i){"use strict";i.d(e,"b",(function(){return n})),i.d(e,"c",(function(){return s})),i.d(e,"a",(function(){}));var n=function(){var t=this.$createElement,e=this._self._c||t;return e("v-uni-view",{staticClass:"common-page-head"},[e("v-uni-view",{staticClass:"common-page-head-title"},[this._v(this._s(this.title))])],1)},s=[]}}]); |