布局类节点 布局类节点 此类节点将帮助用户在合成器中控制布局和连通性。 切换节点

Sticky 粘性布局 介绍 引入 代码演示 基础用法 吸顶距离 指定容器 吸底距离 API Props Events 类型定义 主题定制 样式变量 Sticky 粘性布局 介绍 Sticky 组件与 CSS 中 position: sticky 属性实现的效果一致，当组件在屏幕范围内时，会按照正常的布局排列，当组件滚出屏...

移动端布局 1 移动端布局设计 2 移动端仪表板访问 移动端布局 1 移动端布局设计 在仪表板的编辑页面点击下图所示位置，由 PC 端布局设计切换至移动端布局设计页面。 移动端的布局设计操作相对也比较简单，可点击组件左上角选中后展示在移动端，并可通过拖拉调整组件的位置、大小等。 完成移动端布局设计后，仪表板列表界面会显示具有移动端布局...

布局类节点 布局类节点 此类节点将帮助用户在合成器中控制布局和连通性。 切换节点

自动布局容器 布局模式（Layout Type） 水平布局（Horizontal) 垂直布局（Vertical） 节点排列方向 水平排列方向（Horizontal Direction） 垂直排列方向（Vertical Direction） 其他布局模式还在持续拓展中 UI 结构介绍 自动布局容器 Layout（自动布局）组件可以挂载在...

Layout 栅格布局 使用指南 在 page.json 中引入组件 示例 视频演示 API Row props Row externalClasses Col props Col slot Col externalClasses Layout 栅格布局 12 栅格系统，布局时基于行 row 和列 col 来定义信息区块的外部...

使用布局 使用布局 MiniFramework 的布局 (Layout) 功能默认是关闭的，如需使用，请在你的应用入口文件 App/Public/index.php 中定义常量 LAYOUT_ON 的值为 true 开启布局功能，例如： define ( 'LAYOUT_ON' , true ); 提示：附带的应用案例中，已...

Container 布局容器 常见页面布局 实例 Container Attributes Header Attributes Aside Attributes Footer Attributes Container 布局容器 用于布局的容器组件，方便快速搭建页面的基本结构： <el-container> ：外层容器。当子元素中包含 <...

弹性布局 Flex Expanded 弹性布局 弹性布局允许子widget按照一定比例来分配父容器空间，弹性布局的概念在其UI系统中也都存在，如H5中的弹性盒子布局，Android中的FlexboxLayout。Flutter中的弹性布局主要通过Flex和Expanded来配合实现。 Flex Flex可以沿着水平或垂直方向排列子widge...

自动布局容器 布局模式（Layout Type） 水平布局（Horizontal) 垂直布局（Vertical） 节点排列方向 水平排列方向（Horizontal Direction） 垂直排列方向（Vertical Direction） 其他布局模式还在持续添加中 自动布局容器 Layout（自动布局）组件可以挂载在任何节点上，将节点...