可视化页面搭建平台码良新增 pc 导航组件

栏目: 软件资讯 · 发布时间: 3年前

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

码良介绍

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

可视化页面搭建平台码良新增 pc 导航组件

 
官网: 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/
 

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

导航组件

可视化页面搭建平台码良新增 pc 导航组件

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

导航项

可视化页面搭建平台码良新增 pc 导航组件

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

多级菜单

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

顺序调整

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

内容

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

跳转

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

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

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

锚点滚动

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

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

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

点击回调

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

基础设置

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

背景色

导航栏的背景色

文字颜色

导航项文字的颜色

激活文字颜色

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

滚动悬浮

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

导航项对齐

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

导航区宽度

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

logo

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

logo 链接

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

指定滚动区域

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


以上所述就是小编给大家介绍的《可视化页面搭建平台码良新增 pc 导航组件》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Web Anatomy

Web Anatomy

Robert Hoekman Jr.、Jared Spool / New Riders / 2009-12-11 / USD 39.99

At the start of every web design project, the ongoing struggles reappear. We want to design highly usable and self-evident applications, but we also want to devise innovative, compelling, and exciting......一起来看看 《Web Anatomy》 这本书的介绍吧!

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具