页头组件
使用场景
页头导航组件是一种常见的前端交互组件，通常用于在网站或 APP 的顶部显示导航菜单，让用户方便地浏览和切换页面。使用场景包括但不限于：在企业网站、电商网站等各类网站中，使用页头导航组件，展示网站的主要频道、分类、标签等内容，让用户可以快速找到自己感兴趣的内容。页头导航组件可以提高网站的用户体验和导航效率，增加用户的访问时长和留存率。
组件视图
组件使用
1、从组件树中找到【页头】，按住鼠标拖入到画布，即向页面中添加了一个 页头组件。
配置说明
当选中 页头组件后，可以对其做细化配置：
1、标题属性配置
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 导航栏背景颜色 | 控制页头组件背景颜色 | |
| 导航栏文字颜色 | 控制页头组件中字体 & icon 图标颜色 | |
| 导航栏选中颜色 | 控制页头组件中字体 & icon 图标鼠标选中时的颜色 | |
| 分割线颜色 | 控制页头组件中分割线颜色 | 当导航布局为 LOGO 居左，菜单居左、LOGO 居左，菜单居中 时不生效 |
| 导航栏标题字体 | 控制页头组件导航字体 | |
| 导航栏字体大小 | 控制页头组件导航字体大小 | |
| 导航栏字体间距 | 控制页头组件导航字体间距 |
2、内容配置
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| Logo | 控制页头导航栏店铺 logo 图片 | |
| 电脑端 LOGO 宽度 | 控制 PC 端 logo 图片显示宽度 | |
| 手机端 LOGO 宽度 | 控制移动端 logo 图片显示宽度 | |
| 显示搜索入口 | 控制页头导航栏搜索功能显示/隐藏 | |
| 选择搜索样式 | 控制页头导航栏搜索显示样式 | 当显示搜索入口关闭时不生效 |
| 打开搜索引导词 | 控制页头导航栏搜索引导词功能显示/隐藏 | 当显示搜索入口关闭时不生效 |
| 请输入搜索引导词 | 控制页头导航栏搜索引导词 | 当打开搜索引导词关闭时不生效 |
| 显示个人中心入口 | 控制页头导航栏个人中心 icon 显示/隐藏 | |
| 显示购物车入口 | 控制页头导航栏购物车 icon 显示/隐藏 | |
| 显示分割线 | 控制页头导航栏分割线显示/隐藏 |
3、布局设置
| 属性名 | 属性说明 | 备注 |
|---|---|---|
| 导航布局 | 控制页头导航栏布局样式 | |
| 导航菜单下拉动效 | 控制页头导航栏二级导航动画方式 | |
| 页头固定在顶部 | 控制页头导航栏是否在顶部固定 | 开启后，导航栏固定在页面顶部 |
| 首页启用透明页头 | 控制首页透明页头功能启用或不启用 | 开启后，首页导航栏背景色为透明色 |
| 选中时文字显示下划线 | 控制页头导航栏鼠标选中文字时是否显示下划线 |