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

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

内容简介:码良介绍 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 导航组件》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

海星模式

海星模式

奥瑞·布莱福曼、罗德·贝克斯特朗 / 李江波 / 中信出版社 / 2008-1 / 36.00元

如果砍掉一只蜘蛛的脑袋,毫无疑问它会死掉;但是砍掉海星的一条手臂,它却会长出一只新的来,就连那只砍掉的手臂也会长成一个完整的新海星。传统意义上自上而下的组织模式就像蜘蛛,然而现在正在改变着企业和世界面貌的却是海星型组织。 维基百科、craigslist和Skype的成功下面隐藏着什么样的力量?易趣公司和通用电气公司与废奴和女权运动又有什么共同之处?到底是什么样的重大选择使得通用汽车公司与丰田......一起来看看 《海星模式》 这本书的介绍吧!

JS 压缩/解压工具
JS 压缩/解压工具

在线压缩/解压 JS 代码

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具