高级选项卡组件(文档)

高级选项卡组件,通过标签按钮快速切换到对应的标签内容。此组件是对【常规组件】中的“选项卡组件“的功能补充,您可以向选项卡内容中添加使用节点模板,来设计更复杂或功能更丰富的排版,你可用通过模板来加载更多的设计组件到选项卡标签中如“轮播图”,“视频”,“图文交互”,“文章,案例,产品列表”等等,来完成你的业务需求。此组件是面向高级设计用户创建的,不是必须掌握的组件,如不是必要情况,可以忽略

 

查看常规 “选项卡组件”链接文档 >>

 

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板【高级组件】中 ,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

为了易于理解及操作,下面的操作我们只说明常用的内容和样式设置,因为并不是每一个选项都是我们设计的时候需要用到的。

 

2,内容选项卡

2.1,标签-模块设置如下图 ,在标签项目中 点击“新增项目” 按钮 选项卡列表中会创建新的项目选项,在项目中您需要填写项目标题 ,选择节点模板,如果你还没有创建节点模板,需要向创建节点模板,然后可以在“模板列表”中找到目标模板,具体操作请参考下图或视频操作。

 

 

如何保存节点模板呢?由两种方法保存节点。

  • 方法1:首先你应该先应该将您该在任意一个编辑页码,设计好排版,然后把鼠标移动到目标节点【下图(1)】右键“点击保存模板【下图(2)】”
  • 方法2:由多个节点组成,您可以通过点击控制面板中的“保存图标” – >”保存为模板页面” 【下图(3)】,

 

 

进入保存页面,输入“模板名称”后点击保存。 可以在模板列表中查看到 保存的模板

保存后的模板您还可以在 “模板页面”中查看到,页面路径【页面与菜单】->【模板页面】。请参考下图。

 

 

完成保存后,此时你需要重新刷新当前编辑页面,你的选项卡组件的选择模板列表中才会加载最新的数据。找到并选择您刚保存的模板,相关设计排版就在你的标签页中展示出来啦

 

 

2.2,标签-类型-模块 排版设置 设置如下图

(1)类型:选项卡排列的布局类型可设置为“水平”或“垂直”类型。如下图

(2)标签等比分布:水平标签将等比例分布在首部,如下图所示

 

类型为”垂直” 分布如下图

 

 

 

3,样式选项卡

3.1,标签-样式设置模块, 你可以设置选项卡的“高度”,“开启边框”,设置标签颜色,字体,内容样式等。具体请参考下图或查看视频操作。

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了