跳到主要内容
layout
布局容器是用于简化页面布局的一组容器,一共有5个类型:Top、Left、Main、Rgiht、Bottom,并且布局方式不受编码顺序影响,布局容器遵循层次性原则,每个布局容器是既是父容器的子容器,同时又是子容器的父容器,里面可以再按规则嵌套其他容器组件,可无限嵌套,且嵌套时没有视觉样式变化。

概述

  1. 布局容器是用于简化页面布局的一组容器,一共有5个类型:Top、Left、Main、Rgiht、Bottom
  2. 布局方式不受编码顺序影响
  3. 布局容器遵循层次性原则,每个布局容器是既是父容器的子容器,同时又是子容器的父容器,里面可以再按规则嵌套其他容器组件,可无限嵌套,且嵌套时没有视觉样式变化

Untitled

类型

类型存在尺寸说明
Left可选宽度最大30%
Right可选宽度最大30%
Main必选-当父级容器没有Main时,框架会自动创建Main容器,没有被布局容器嵌套的组件会默认放置在Main中。
Bottom可选高度30%
Top/Head可选高度最大30%为了避免头部样式冲突 <head> 没有title、subtitle属性。