底部导航组件时移动端种经常用到的功能组件,用于页面导航,请参考示例如下
1,如何插入设计组件
只需从左侧的组件控制面板【移动端组件】中 ,选中底部导航组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
2,内容选项卡
2.1,底部导航 -内容模块 。 支持两种类型的底部导航 1,“默认底部导航” 2,“自定义导航” 。请参考下图或视频操作。
类型选择“默认底部导航” 它显示的内容是关联到系统后台设定的底部导航数据。后台设置页面可点击下图左侧的蓝色链接或根据路径“设置->底部导航设置”进入对应的设置页面。
进入到后台“底部导航设置” 页面去设置相应的默认菜单数据。编辑完后回到“编辑器页面”点击组件的“更新导航”按钮,可以同步设置的数据
类型选择“自定义导航” ,可以通过新增或删除项目来编辑底部导航栏菜单,请参考下图
3,样式选项卡
3.1,底部导航-样式模块,此处可设置底部导航背景色,图标颜色,图标标题颜色等。具体请参考下图设置或视频操作。
恭喜你已完成当前组件的学习,感谢阅读。
评论