export default { data() { return {} } } const GenPagesComponentViewViewStyles = [new Map>>([["common-page-head", new Map([["", new Map([["paddingTop", "35rpx"], ["paddingRight", "35rpx"], ["paddingBottom", "35rpx"], ["paddingLeft", "35rpx"], ["flexDirection", "row"], ["justifyContent", "center"]])]])], ["common-page-head-title-box", new Map([["", new Map([["paddingTop", 0], ["paddingRight", "40rpx"], ["paddingBottom", 0], ["paddingLeft", "40rpx"], ["height", "88rpx"], ["borderBottomWidth", "2rpx"], ["borderBottomStyle", "solid"], ["borderBottomColor", "#D8D8D8"]])]])], ["common-page-head-title", new Map([["", new Map([["lineHeight", "88rpx"], ["fontSize", "30rpx"], ["color", "#BEBEBE"]])]])], ["flex-item", new Map([["", new Map([["width", "33.3%"], ["height", "200rpx"], ["display", "flex"], ["justifyContent", "center"], ["alignItems", "center"]])]])], ["flex-item-V", new Map([["", new Map([["width", "100%"], ["height", "150rpx"], ["textAlign", "center"], ["lineHeight", "150rpx"]])]])], ["text-box", new Map([["", new Map([["marginTop", "15rpx"], ["marginRight", "10rpx"], ["marginBottom", "15rpx"], ["marginLeft", "10rpx"], ["paddingTop", 0], ["paddingRight", "20rpx"], ["paddingBottom", 0], ["paddingLeft", "20rpx"], ["backgroundColor", "#ebebeb"], ["height", "70rpx"], ["display", "flex"], ["justifyContent", "center"], ["alignItems", "center"], ["flexDirection", "row"]])]])], ["text", new Map([["", new Map([["lineHeight", "70rpx"], ["color", "#777777"], ["fontSize", "26rpx"]])]])]])] @Suppress("UNUSED_PARAMETER") function GenPagesComponentViewViewRender(_ctx: GenPagesComponentViewView): VNode | null { const _component_page_head = resolveComponent("page-head") return createElementVNode("view", null, [ createVNode(_component_page_head, new Map([["title", "view"]])), createElementVNode("view", new Map([["class", "uni-padding-wrap uni-common-mt"]]), [ createElementVNode("view", null, [ createElementVNode("text", new Map([["class", "uni-hello-text"]]), " Flex是Flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性。当设置display: flex后,继续给view等容器组件设置flex-direction: row或column,就可以在该容器内按行或列排布子组件。uni-app推荐使用flex布局。因为flex布局有利于跨更多平台,尤其是采用原生渲染的平台。 ") ]), createElementVNode("view", new Map([["class", "uni-title uni-common-mt"]]), [ createElementVNode("text", new Map([["class", "uni-title-text"]]), " flex-direction: row "), createElementVNode("text", new Map([["class", "uni-subtitle-text"]]), " 横向布局 ") ]), createElementVNode("view", new Map([["class", "uni-flex uni-row"]]), [ createElementVNode("view", new Map([["class", "flex-item uni-bg-red"]]), [ createElementVNode("text", new Map([["style", "color: #fff;"]]), "A") ]), createElementVNode("view", new Map([["class", "flex-item uni-bg-green"]]), [ createElementVNode("text", new Map([["style", "color: #fff;"]]), "B") ]), createElementVNode("view", new Map([["class", "flex-item uni-bg-blue"]]), [ createElementVNode("text", new Map([["style", "color: #fff;"]]), "C") ]) ]), createElementVNode("view", new Map([["class", "uni-title uni-common-mt"]]), [ createElementVNode("text", new Map([["class", "uni-title-text"]]), " column "), createElementVNode("text", new Map([["class", "uni-subtitle-text"]]), " 纵向布局 ") ]), createElementVNode("view", new Map([["class", "uni-flex uni-column"]]), [ createElementVNode("view", new Map([["class", "flex-item flex-item-V uni-bg-red"]]), [ createElementVNode("text", new Map([["style", "color: #fff;"]]), "A") ]), createElementVNode("view", new Map([["class", "flex-item flex-item-V uni-bg-green"]]), [ createElementVNode("text", new Map([["style", "color: #fff;"]]), "B") ]), createElementVNode("view", new Map([["class", "flex-item flex-item-V uni-bg-blue"]]), [ createElementVNode("text", new Map([["style", "color: #fff;"]]), "C") ]) ]), createElementVNode("view", new Map([["class", "uni-title uni-common-mt"]]), [ createElementVNode("text", new Map([["class", "uni-title-text"]]), " 更多布局示例 "), createElementVNode("text", new Map([["class", "uni-subtitle-text"]]), " flex布局演示 ") ]), createElementVNode("view", null, [ createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "纵向布局-自动宽度") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "width: 300rpx;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "纵向布局-固定宽度") ]), createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-自动宽度") ]), createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-自动宽度") ]) ]), createElementVNode("view", new Map([ ["class", "uni-flex uni-row"], ["style", "-webkit-justify-content: center;justify-content: center;"] ]), [ createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-居中") ]), createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-居中") ]) ]), createElementVNode("view", new Map([ ["class", "uni-flex uni-row"], ["style", "-webkit-justify-content: flex-end;justify-content: flex-end;"] ]), [ createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-居右") ]), createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-居右") ]) ]), createElementVNode("view", new Map([["class", "uni-flex uni-row"]]), [ createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-平均分布") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-平均分布") ]) ]), createElementVNode("view", new Map([ ["class", "uni-flex uni-row"], ["style", "-webkit-justify-content: space-between;justify-content: space-between;"] ]), [ createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-两端对齐") ]), createElementVNode("view", new Map([["class", "text-box"]]), [ createElementVNode("text", new Map([["class", "text"]]), "横向布局-两端对齐") ]) ]), createElementVNode("view", new Map([["class", "uni-flex uni-row"]]), [ createElementVNode("view", new Map([ ["class", "text-box"], ["style", "width: 200rpx;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "固定宽度") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "自动占满余量") ]) ]), createElementVNode("view", new Map([["class", "uni-flex uni-row"]]), [ createElementVNode("view", new Map([ ["class", "text-box"], ["style", "width: 200rpx;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "固定宽度") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "自动占满") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "width: 200rpx;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "固定宽度") ]) ]), createElementVNode("view", new Map([ ["class", "uni-flex uni-row"], ["style", "-webkit-flex-wrap: wrap;flex-wrap: wrap;"] ]), [ createElementVNode("view", new Map([ ["class", "text-box"], ["style", "width: 280rpx;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "一行显示不全,wrap折行") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "width: 280rpx;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "一行显示不全,wrap折行") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "width: 280rpx;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "一行显示不全,wrap折行") ]) ]), createElementVNode("view", new Map([["class", "uni-flex uni-row"]]), [ createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;height: 200rpx;-webkit-justify-content: center;justify-content: center;-webkit-align-items: flex-start;align-items: flex-start;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "垂直居顶") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;height: 200rpx;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "垂直居中") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;height: 200rpx;-webkit-justify-content: center;justify-content: center;-webkit-align-items: flex-end;align-items: flex-end;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "垂直居底") ]) ]), createElementVNode("view", new Map([["class", "uni-title uni-common-mt"]]), [ createElementVNode("text", new Map([["class", "uni-title-text"]]), " 组合示例 "), createElementVNode("text", new Map([["class", "uni-subtitle-text"]]), " flex布局演示 ") ]), createElementVNode("view", new Map([["class", "uni-flex uni-row"]]), [ createElementVNode("view", new Map([ ["class", "text-box uni-flex"], ["style", "width: 200rpx;height: 220rpx;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;"] ]), [ createElementVNode("image", new Map([ ["src", "/static/plus.png"], ["style", "width: 150rpx;height: 150rpx;"] ])) ]), createElementVNode("view", new Map([ ["class", "uni-flex uni-column"], ["style", "-webkit-flex: 1;flex: 1;-webkit-justify-content: space-between;justify-content: space-between;"] ]), [ createElementVNode("view", new Map([ ["class", "text-box"], ["style", "height: 120rpx;justify-content: start;align-items: start;padding-left: 20rpx;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "文字居左,留出左间距") ]), createElementVNode("view", new Map([["class", "uni-flex uni-row"]]), [ createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "剩余数量") ]), createElementVNode("view", new Map([ ["class", "text-box"], ["style", "-webkit-flex: 1;flex: 1;"] ]), [ createElementVNode("text", new Map([["class", "text"]]), "立即购买") ]) ]) ]) ]) ]) ]) }