电脑手机设备组件，以华丽的滑块的将多张图片布局在组件中。访客可通过左右箭头或底部导航条来轮播组件内容。

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

1，如何插入设计组件

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

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

2，内容选项卡

2.1，滚动导航-内容模块，此处您可以添加滚动导航节点项目，完成项目的输入“节点的ID”，”导航标题“。如下图项目3中节点ID设置为“section2”

什么是节点ID呢？就是导航项目要滚动到的位置。节点ID只能输入英文+数字。 参考下图来设置节点ID

操作步骤点击“目标节点” 【下图1】-> 选择“高级设置”【下图2】-> “css样式” ，在CSSID中输入节点ID，如下图节点ID设置为“section2”和上诉的项目3中的数据一致即可

2.2，选项设置-内容模块。  具体请参考下图设置或相关操作视频

3，样式选项卡

3.1，圆点导航栏-样式模块。此处可设置圆点导航按钮的颜色，尺寸，背景色等， 具体请参考下图 ，右侧红色导航栏

3.2，侧边导航栏提示框-样式模块。此处可设置提示框的的颜色，字体尺寸，背景色等，如下图红色浮动提示框“导航节点4-紫色”

3.2，顶部标签菜单-样式模块。此处可设置顶部标签的颜色，背景色，位置等， 具体请参考下图设置或视频操作

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