{{Aspfm.sysUserName}} 我的消息 设置 退出登录
群组标签使用说明

在表单布局画板上,选择一个组件,右键菜单“创建群组标签页”。

就可以在布局中看到多标签组件,选择这个组件,可以“添加标签页”,“解除分组标签页设定”。

该组件是一个纽带组件。不会自动根据标签的页数生成HTML。因此,该组件有多个Tab页时,需要手动添加HTML展示代码。

但可以,根据HMTL代码,生成不同的网页布局方式。

@Aspfm-text1       表示第1个Tab页的标题。

@Aspfm-Id1 表示第1个Tab页的ID

@Aspfm-正文1 表示第1个Tab页内所有包含组件的HTML



@Aspfm-textn 表示第n个Tab页的标题。

@Aspfm-Idn 表示第n个Tab页的ID

@Aspfm-正文n 表示第n个Tab页内所有包含组件的HTML


1、默认布局(页面切换)


<div class="el-col col_custom" style="width: @Aspfm-col%;">
<el-tabs value="@Aspfm-Id1" type="border-card" style="border:0px;">
<!--第一个Tab-->
<el-tab-pane label="@Aspfm-text1" name="@Aspfm-Id1" style="border:1px solid Black;">
@Aspfm-正文1
</el-tab-pane>

<!--第N个Tab 该组件有多个Tab页时,根据这个例子,手动添加N个。-->
<el-tab-pane label="@Aspfm-textN" name="@Aspfm-IdN" style="border:1px solid Black;">
@Aspfm-正文N
</el-tab-pane>
</el-tabs>
</div>


2、连成一页(页面连接)

<div class="el-col col_custom el-col-@Aspfm-col">
<div style="width:100%" id="@Aspfm-Id1">@Aspfm-正文1</div>

<!--第N个Tab 该组件有多个Tab页时,根据这个例子,手动添加N个。-->

<div style="width:100%" id="@Aspfm-IdN">@Aspfm-正文N</div>
</div>