如何使用快速导航组件？

快速导航组件：
 

【简介】 快速导航组件是将多个具有同一页面性质的导航页面串联起来，导航之间没有层级是并列关系，方便用户快速在多个页面之间跳转。
 

【应用场景】一般添加到网站的页脚、左侧栏、右侧栏等区域，支持横向快捷导航和纵向快捷导航，根据实际的应用场景选择合适的风格。快速导航组件的设置项中支持单个或批量添加站内页面、外部链接、页面锚点、产品分类、文章分类多种类型的页面作为导航，可以拖动调整导航的顺序。网站导航组件的风格中支持选择多种横向导航风格和纵向导航风格。

【应用案例】
案例1： http://en.anli018.ldyjz.com/，这个案例页脚位置的“Quick Links”是使用快速导航组件来做的；



案例2： http://en.anli011.ldyjz.com/，页脚位置有一处内容是使用快速导航组件来做的，如下图所示：




【使用方法】

1、添加组件

第一步：找到添加组件入口。把鼠标放到要添加快速导航的区域，出现小水滴（即添加组件按钮），单击小水滴，弹出“添加组件”弹出框；



第二步：添加“快速导航”组件。在基础组件中，找到“快速导航”组件，单击“快速导航”，弹出“设置快速导航”窗口；



2、设置组件

在弹出的设置快速导航窗口，可以设置内容、风格；

内容：若需要可以输入组件标题，若不输入，组件标题也不显示。单击“批量添加导航”按钮，弹出“添加导航内容”窗口，在此窗口可以选择站内页面、外部链接、页面锚点、产品分类、文章分类做为内容显示在导航上。







把要显示在此组件的内容添加进来以后，可以单击每个导航修改导航名称，也可以删除这个导航。也可以把鼠标放到某个导航上，鼠标单击拖动这个导航到要放置的位置。



风格：单击“风格”切换到风格标签，在这里可以选择导航展示的风格，有横向展示风格也有纵向展示风格，根据需要来选择就可以了。



3、编辑样式
把鼠标放到网站导航内容区域，组件左上角出现组件名称“快速导航”，把鼠标放到这四个字眼上，右侧出现一排小按钮，单击第2个即编辑样式按钮，弹出”样式编辑器“窗口。



在样式编辑器中，可以对这个组件的全局、标题栏、内容区分别进行设置，如下图所示：



组件全局--组件尺寸：可以设置组件的高度，一般清情况下都使用自适应的高度，若固定高度可能会导致不同终端下出现模块被遮挡、留白等情况，此功能请谨慎使用（手机端或PAD端出现模块被遮挡或留白情况，请首先检查是否是设置了高度所致）；


组件全局--组件背景：可以这个这个组件添加颜色背景或图片背景，也可以选择背景图片的平铺模式、平铺位置、背景尺寸，不同的选择可以有不同的展示效果，可以分别点一下试一下哦。



组件全局--组件边框：在这里可以设置组件边框的颜色、样式（实线、虚线、双实线、点）、边框的粗细、边框的圆角。



组件全局--组件边距：在这里可以设置组件的内边距和外边距，内边距和外边距是如何定义的，请看下图（以文章分类组件为例介绍）：





组件--标题栏设置：可以单独对标题栏进行设置，可以选择显示或隐藏标题栏、可以设置标题栏的高度、背景、文字、边框、边距。如下图所示（以文章分类组件为例介绍）：



组件--内容区设置：可以给组件内容区添加颜色背景或图片背景、可以设置内容区非链接文字或带链接文字的字体/大小/间距/行高/对齐方式/字体样式等、可以设置内容区的边框和内容区的边距（以文章分类组件为例介绍）。



4、复制组件
页头或页脚区域的组件每个页面都是共用的，所以，若复制网站导航组件，复制的组件将会在当前组件下方展示出来，可拖动调整位置或继续修改组件！复制过来的组件与原组件是两个独立的个体，修改其中一个，另外一个不受影响；


               

5、删除组件

 

单击删除组件按钮，可以删除这个组件。

 

 

6、恢复组件

 

被删除的组件默认被放到了组件回收站里。单击”设置“--》”组件回收站“，找到这个组件，单击后面的”还原“按钮，即可把这个组件还原到原页面。
   