码良介绍

godspen-一个完全免费开源活动营销系统，扩展性非常高，也是一个低代码开发平台，可以方便开发组件，也可以通过脚本扩展组件能力，也方面营销，运营使用，更方便公司内部搭建使用,更方便自己学习。

今天在组件商城新增 导航组件

导航组件

提供了一个通用的导航组件，具有丰富的设定项，满足大部分导航需求

导航项

组件被添加后，默认含有一个导航，可点击底部的"添加+"按钮添加其他一级导航

多级菜单

导航菜单支持添加子菜单，点击导航项右侧的"+"即可添加子菜单，最多两级。

顺序调整

点击导航项右侧的上下箭头即可调整顺序。

内容

选中某个导航项，即可在下部"内容"输入框设置导航标题。

跳转

选中某个导航项，即可在下部"超链接"输入框设置跳转链接。

小技巧 1，如果链接含有查询字符串“target=_blank”时，新建页面打开链接

小技巧 2，如果链接同属一个码良系统的页面，则会自动使用 “vue-router” 进行路由

锚点滚动

选中某个导航项，即可在下部"锚点"输入框设置目标位置组件的 id（可以在目标组件的属性面版获得 id）。

锚点滚动行为是，点击导航，滚动到所设置目标组件处。

锚点滚动只在未设置跳转链接时生效。

点击回调

选中某个导航项，即可在下部“方法调用”处选择执行的回调，回调方法由组件自身或者脚本提供。

基础设置

除以上对各个表单项的设置外，也可对导航本身的行为进行设置。

背景色

导航栏的背景色

文字颜色

导航项文字的颜色

激活文字颜色

导航项激活时，文字的颜色

滚动悬浮

开启后，页面滚动时，导航自动置顶悬浮。

导航项对齐

导航项默认左对齐，可设定为右对齐。

导航区宽度

导航内容区默认宽度为 1140 px，居中。如果需要自定义宽度，可以输入数值（eg. 960）或者百分数(eg. 80%)。

logo

导航左侧的 logo 图片，默认无，隐藏。

logo 链接

设置了 logo 图片的，可以为 logo 指定跳转链接。

指定滚动区域

锚点滚动时，默认的滚动区域是 html，如果需要指定其他滚动区域，可填入对应组件的 id。