可视化页面搭建平台码良新增 pc 导航组件
码良介绍 godspen-一个完全免费开源活动营销系统,扩展性非常高,也是一个低代码开发平台,可以方便开发组件,也可以通过脚本扩展组件能力,也方面营销,运营使用,更方便公司内部搭建使用,更方便自己学习。 官网: https://godspen.ymm56.com/ 使用手册: https://godspen.ymm56.com/doc/cookbook/introduce.html 在线体验: https://godspen.ymm56.com/admin/#/home 私有部署: https://godspen.ymm56.com/doc/cookbook/install.html 组件商城: https://godspen.ymm56.com/shop/ 今天在组件商城新增 导航组件 导航组件 提供了一个通用的导航组件,具有丰富的设定项,满足大部分导航需求 导航项 组件被添加后,默认含有一个导航,可点击底部的"添加+"按钮添加其他一级导航 多级菜单 导航菜单支持添加子菜单,点击导航项右侧的"+"即可添加子菜单,最多两级。 顺序调整 点击导航项右侧的上下箭头即可调整顺序。 内容 选中某个导航项,即可在下部"内容"输入框设置导航标题。 跳转 选中某个导航项,即可在下部"超链接"输入框设置跳转链接。 小技巧 1,如果链接含有查询字符串“target=_blank”时,新建页面打开链接 小技巧 2,如果链接同属一个码良系统的页面,则会自动使用 “vue-router” 进行路由 锚点滚动 选中某个导航项,即可在下部"锚点"输入框设置目标位置组件的 id(可以在目标组件的属性面版获得 id)。 锚点滚动行为是,点击导航,滚动到所设置目标组件处。 锚点滚动只在未设置跳转链接时生效。 点击回调 选中某个导航项,即可在下部“方法调用”处选择执行的回调,回调方法由组件自身或者脚本提供。 基础设置 除以上对各个表单项的设置外,也可对导航本身的行为进行设置。 背景色 导航栏的背景色 文字颜色 导航项文字的颜色 激活文字颜色 导航项激活时,文字的颜色 滚动悬浮 开启后,页面滚动时,导航自动置顶悬浮。 导航项对齐 导航项默认左对齐,可设定为右对齐。 导航区宽度 导航内容区默认宽度为 1140 px,居中。如果需要自定义宽度,可以输入数值(eg. 960)或者百分数(eg. 80%)。 logo 导航左侧的 logo 图片,默认无,隐藏。 logo 链接 设置了 logo 图片的,可以为 logo 指定跳转链接。 指定滚动区域 锚点滚动时,默认的滚动区域是html,如果需要指定其他滚动区域,可填入对应组件的 id。