Overview

更新时间:
复制 MD 格式

The page building module is a core part of the Moflow platform that helps you efficiently design and manage application pages. Use this module to create complex page layouts, manage components, handle pop-up and drawer interactions, set page routing, and bind data to meet various application requirements.

The page building module includes the following topics:

  1. Page components: Learn how to add, delete, modify (set properties, resize, move), and clone components.

  2. Page routing: Learn how to set up and manage page routing for multi-page navigation in your application.

  3. Grid canvas: Learn how to use the grid canvas. You can drag and adjust layouts to quickly build, optimize, and apply responsive layouts to your page structure.

  4. Pop-ups and drawers: Learn how to create and manage pop-ups and drawers for complex user interactions and information displays.

  5. Component height settings: Learn how to set component heights to meet various design and layout requirements.

  6. Page layout: Learn about flexible layouts. You can add and customize Header, Footer, Left, and Right regions, and set their fixed positions and arrangement.

  7. Application max and min width: Learn how to set the maximum and minimum page width. A maximum width creates whitespace on high-resolution displays, while a minimum width enables a horizontal scrollbar and prevents content compression.

  8. Component data binding: Learn how to use data binding to enable dynamic data display and interaction between components and variables.

  9. Custom third-party icon libraries: Learn how to add and manage custom third-party icon libraries to provide a wider selection of icons for your components.

Mastering the page building module improves UI design efficiency and application responsiveness, providing a solid foundation for building feature-rich and engaging applications.