跳到主要内容
module
模块是用于信息分块的容器,通过独立的区块让信息展示更加清晰与富有节奏。

基本定义

概述

模块是用于信息分块的容器,通过独立的区块让信息展示更加清晰与富有节奏。

构成元素

Untitled

  1. 标题区域:支持标题、提示、副标题和标签,其中标题为必选项
  2. 操作区域:用于放置模块的操作
  3. 内容区域:模态用于放置内容的区域

类型

Untitled

模块间支持相互嵌套,以达到复杂的内容层级表达,这也让模块分为了3种类型:

  1. 1级模块:直接放置于根容器或布局容器内的模块
  2. 2级模块:放置于1级模块内的模块
  3. 3级模块:放置于2级模块内的模块

理论上模块间可以无限制的嵌套,但过于复杂的页面结构并不能帮助用户解决问题,反而会造成用户的迷惑,所以我们并不推荐无限制的进行模块嵌套,也在视觉层面做出了限制,2级以后的模块之间样式并无差异。