可视化页面搭建平台码良新增 pc 导航组件
码良介绍
godspen-一个完全免费开源活动营销系统,扩展性非常高,也是一个低代码开发平台,可以方便开发组件,也可以通过脚本扩展组件能力,也方面营销,运营使用,更方便公司内部搭建使用,更方便自己学习。
今天在组件商城新增 导航组件
导航组件
提供了一个通用的导航组件,具有丰富的设定项,满足大部分导航需求
导航项
组件被添加后,默认含有一个导航,可点击底部的"添加+"按钮添加其他一级导航
多级菜单
导航菜单支持添加子菜单,点击导航项右侧的"+"即可添加子菜单,最多两级。
顺序调整
点击导航项右侧的上下箭头即可调整顺序。
内容
选中某个导航项,即可在下部"内容"输入框设置导航标题。
跳转
选中某个导航项,即可在下部"超链接"输入框设置跳转链接。
小技巧 1,如果链接含有查询字符串“target=_blank”时,新建页面打开链接
小技巧 2,如果链接同属一个码良系统的页面,则会自动使用 “vue-router” 进行路由
锚点滚动
选中某个导航项,即可在下部"锚点"输入框设置目标位置组件的 id(可以在目标组件的属性面版获得 id)。
锚点滚动行为是,点击导航,滚动到所设置目标组件处。
锚点滚动只在未设置跳转链接时生效。
点击回调
选中某个导航项,即可在下部“方法调用”处选择执行的回调,回调方法由组件自身或者脚本提供。
基础设置
除以上对各个表单项的设置外,也可对导航本身的行为进行设置。
背景色
导航栏的背景色
文字颜色
导航项文字的颜色
激活文字颜色
导航项激活时,文字的颜色
滚动悬浮
开启后,页面滚动时,导航自动置顶悬浮。
导航项对齐
导航项默认左对齐,可设定为右对齐。
导航区宽度
导航内容区默认宽度为 1140 px,居中。如果需要自定义宽度,可以输入数值(eg. 960)或者百分数(eg. 80%)。
logo
导航左侧的 logo 图片,默认无,隐藏。
logo 链接
设置了 logo 图片的,可以为 logo 指定跳转链接。
指定滚动区域
锚点滚动时,默认的滚动区域是 html
,如果需要指定其他滚动区域,可填入对应组件的 id。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
gf-cli v0.7.4 发布,GoFrame 开发工具链
大家好啊,GoFrame框架隆重推出了开发工具链项目,该工具链通过CLI命令行工具提供,工具开源项目地址:https://github.com/gogf/gf-cli 完整命令 $ gf USAGE gf COMMAND [ARGUMENT] [OPTION] COMMAND get install or update GF to system in default... gen automatically generate go files for ORM models... run running go codes with hot-compiled-like feature... init initialize an empty GF project at current working directory... help show more information about a specified command pack packing any file/directory to a resource file, or a go file bui...
- 下一篇
在线答题系统 WTS 0.9.3 发布,移动端支持答卷学习
当前版本v0.9.3,更新内容: - 功能:增加移动端学习类型题型展示 - 优化:优化阅卷时解析界面和学习时导航栏目界面 - 功能:随机卷规则配置可以多选配置规则
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
-
Docker使用Oracle官方镜像安装(12C,18C,19C)
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS8编译安装MySQL8.0.19
- Docker快速安装Oracle11G,搭建oracle11g学习环境
- SpringBoot2配置默认Tomcat设置,开启更多高级功能
- MySQL8.0.19开启GTID主从同步CentOS8
- CentOS7,8上快速安装Gitea,搭建Git服务器
- Jdk安装(Linux,MacOS,Windows),包含三大操作系统的最全安装
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
推荐阅读
最新文章
- Windows10,CentOS7,CentOS8安装Nodejs环境
- CentOS8编译安装MySQL8.0.19
- CentOS6,CentOS7官方镜像安装Oracle11G
- SpringBoot2整合Thymeleaf,官方推荐html解决方案
- 设置Eclipse缩进为4个空格,增强代码规范
- CentOS7,8上快速安装Gitea,搭建Git服务器
- Windows10,CentOS7,CentOS8安装MongoDB4.0.16
- CentOS7安装Docker,走上虚拟化容器引擎之路
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题