view.uvue

    export default {
        data() {
            return {}
        }
    }


const GenPagesComponentViewViewStyles = [new Map<string, Map<string, Map<string, any>>>([["common-page-head", new Map<string, any>([["", new Map<string, any>([["paddingTop", "35rpx"], ["paddingRight", "35rpx"], ["paddingBottom", "35rpx"], ["paddingLeft", "35rpx"], ["flexDirection", "row"], ["justifyContent", "center"]])]])], ["common-page-head-title-box", new Map<string, any>([["", new Map<string, any>([["paddingTop", 0], ["paddingRight", "40rpx"], ["paddingBottom", 0], ["paddingLeft", "40rpx"], ["height", "88rpx"], ["borderBottomWidth", "2rpx"], ["borderBottomStyle", "solid"], ["borderBottomColor", "#D8D8D8"]])]])], ["common-page-head-title", new Map<string, any>([["", new Map<string, any>([["lineHeight", "88rpx"], ["fontSize", "30rpx"], ["color", "#BEBEBE"]])]])], ["flex-item", new Map<string, any>([["", new Map<string, any>([["width", "33.3%"], ["height", "200rpx"], ["display", "flex"], ["justifyContent", "center"], ["alignItems", "center"]])]])], ["flex-item-V", new Map<string, any>([["", new Map<string, any>([["width", "100%"], ["height", "150rpx"], ["textAlign", "center"], ["lineHeight", "150rpx"]])]])], ["text-box", new Map<string, any>([["", new Map<string, any>([["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<string, any>([["", new Map<string, any>([["lineHeight", "70rpx"], ["color", "#777777"], ["fontSize", "26rpx"]])]])]])]
import _easycom_page_head from '/Users/yuanrenjie/Documents/dcloud/hello-uniapp x/unpackage/dist/dev/.uvue/components/page-head/page-head.vue'
@Suppress("UNUSED_PARAMETER") function GenPagesComponentViewViewRender(_ctx: GenPagesComponentViewView): VNode | null {
const _component_page_head = resolveEasyComponent("page-head",_easycom_page_head)

  return createElementVNode("view", null, [
    createVNode(_component_page_head, new Map<string, any | null>([["title", "view"]])),
    createElementVNode("view", new Map<string, any | null>([["class", "uni-padding-wrap uni-common-mt"]]), [
      createElementVNode("view", null, [
        createElementVNode("text", new Map<string, any | null>([["class", "uni-hello-text"]]), " Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。当设置display: flex后，继续给view等容器组件设置flex-direction: row或column，就可以在该容器内按行或列排布子组件。uni-app推荐使用flex布局。因为flex布局有利于跨更多平台，尤其是采用原生渲染的平台。 ")
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-title uni-common-mt"]]), [
        createElementVNode("text", new Map<string, any | null>([["class", "uni-title-text"]]), " flex-direction: row "),
        createElementVNode("text", new Map<string, any | null>([["class", "uni-subtitle-text"]]), " 横向布局 ")
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-flex uni-row"]]), [
        createElementVNode("view", new Map<string, any | null>([["class", "flex-item uni-bg-red"]]), [
          createElementVNode("text", new Map<string, any | null>([["style", "color: #fff;"]]), "A")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "flex-item uni-bg-green"]]), [
          createElementVNode("text", new Map<string, any | null>([["style", "color: #fff;"]]), "B")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "flex-item uni-bg-blue"]]), [
          createElementVNode("text", new Map<string, any | null>([["style", "color: #fff;"]]), "C")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-title uni-common-mt"]]), [
        createElementVNode("text", new Map<string, any | null>([["class", "uni-title-text"]]), " column "),
        createElementVNode("text", new Map<string, any | null>([["class", "uni-subtitle-text"]]), " 纵向布局 ")
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-flex uni-column"]]), [
        createElementVNode("view", new Map<string, any | null>([["class", "flex-item flex-item-V uni-bg-red"]]), [
          createElementVNode("text", new Map<string, any | null>([["style", "color: #fff;"]]), "A")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "flex-item flex-item-V uni-bg-green"]]), [
          createElementVNode("text", new Map<string, any | null>([["style", "color: #fff;"]]), "B")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "flex-item flex-item-V uni-bg-blue"]]), [
          createElementVNode("text", new Map<string, any | null>([["style", "color: #fff;"]]), "C")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-title uni-common-mt"]]), [
        createElementVNode("text", new Map<string, any | null>([["class", "uni-title-text"]]), " 更多布局示例 "),
        createElementVNode("text", new Map<string, any | null>([["class", "uni-subtitle-text"]]), " flex布局演示 ")
      ]),
      createElementVNode("view", null, [
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "纵向布局-自动宽度")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "width: 300rpx;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "纵向布局-固定宽度")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-自动宽度")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-自动宽度")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([
        ["class", "uni-flex uni-row"],
        ["style", "-webkit-justify-content: center;justify-content: center;"]
      ]), [
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-居中")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-居中")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([
        ["class", "uni-flex uni-row"],
        ["style", "-webkit-justify-content: flex-end;justify-content: flex-end;"]
      ]), [
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-居右")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-居右")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-flex uni-row"]]), [
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "-webkit-flex: 1;flex: 1;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-平均分布")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "-webkit-flex: 1;flex: 1;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-平均分布")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([
        ["class", "uni-flex uni-row"],
        ["style", "-webkit-justify-content: space-between;justify-content: space-between;"]
      ]), [
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-两端对齐")
        ]),
        createElementVNode("view", new Map<string, any | null>([["class", "text-box"]]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "横向布局-两端对齐")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-flex uni-row"]]), [
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "width: 200rpx;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "固定宽度")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "-webkit-flex: 1;flex: 1;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "自动占满余量")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-flex uni-row"]]), [
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "width: 200rpx;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "固定宽度")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "-webkit-flex: 1;flex: 1;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "自动占满")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "width: 200rpx;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "固定宽度")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([
        ["class", "uni-flex uni-row"],
        ["style", "-webkit-flex-wrap: wrap;flex-wrap: wrap;"]
      ]), [
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "width: 280rpx;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "一行显示不全,wrap折行")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "width: 280rpx;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "一行显示不全,wrap折行")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["class", "text-box"],
          ["style", "width: 280rpx;"]
        ]), [
          createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "一行显示不全,wrap折行")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-flex uni-row"]]), [
        createElementVNode("view", new Map<string, any | null>([
          ["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<string, any | null>([["class", "text"]]), "垂直居顶")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["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<string, any | null>([["class", "text"]]), "垂直居中")
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["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<string, any | null>([["class", "text"]]), "垂直居底")
        ])
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-title uni-common-mt"]]), [
        createElementVNode("text", new Map<string, any | null>([["class", "uni-title-text"]]), " 组合示例 "),
        createElementVNode("text", new Map<string, any | null>([["class", "uni-subtitle-text"]]), " flex布局演示 ")
      ]),
      createElementVNode("view", new Map<string, any | null>([["class", "uni-flex uni-row"]]), [
        createElementVNode("view", new Map<string, any | null>([
          ["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<string, any | null>([
            ["src", "/static/plus.png"],
            ["style", "width: 150rpx;height: 150rpx;"]
          ]))
        ]),
        createElementVNode("view", new Map<string, any | null>([
          ["class", "uni-flex uni-column"],
          ["style", "-webkit-flex: 1;flex: 1;-webkit-justify-content: space-between;justify-content: space-between;"]
        ]), [
          createElementVNode("view", new Map<string, any | null>([
            ["class", "text-box"],
            ["style", "height: 120rpx;justify-content: start;align-items: start;padding-left: 20rpx;"]
          ]), [
            createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "文字居左，留出左间距")
          ]),
          createElementVNode("view", new Map<string, any | null>([["class", "uni-flex uni-row"]]), [
            createElementVNode("view", new Map<string, any | null>([
              ["class", "text-box"],
              ["style", "-webkit-flex: 1;flex: 1;"]
            ]), [
              createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "剩余数量")
            ]),
            createElementVNode("view", new Map<string, any | null>([
              ["class", "text-box"],
              ["style", "-webkit-flex: 1;flex: 1;"]
            ]), [
              createElementVNode("text", new Map<string, any | null>([["class", "text"]]), "立即购买")
            ])
          ])
        ])
      ])
    ])
  ])
}