Skip to content

如何添加【导航栏】

一、添加「导航栏」组件

例如将导航栏添加在相册标题组件下方,在点击相册标题组件后,点击「添加」组件后选择「导航栏」。

image-20260727112638644

一、导航栏设置

1、样式选择

享像派提供了三种导航栏样式供您选择。分别为信息卡片、图标导航、魔方导航

1. 信息卡片

「信息卡片」支持展示图片与配文,点击卡片后,支持设置跳转链接,或展示该卡片的详细信息页面。

image-20260727112746015

2. 图标导航

图标导航由图标和配文来构成,可以根据需要对导航进行自定义排列。

image-20260727112758804

3. 魔方导航

魔方导航同样由卡片构成,但与比例固定的信息卡片不同,它支持自由自定义卡片的大小与位置。

添加多张卡片后,可将各卡片进行多样化随机组合布局。

image-20260727112808039

2、导航栏标题

在导航栏组件上方显示标题,如下方采用了信息卡片进行活动嘉宾的展示,可以自定义设置一个“出席嘉宾”的标题。

image-20260727142030127

三、添加导航项

添加组件后您需要添加导航项才可进行显示效果预览。

image-20260727113324075

1、信息卡片导航栏设置

「信息卡片」支持展示图片与配文内容,点击卡片后,支持设置跳转链接,或展示该卡片的详细信息页面。

下方操作中,我们将以添加到场嘉宾卡片为例,教你掌握信息卡片的添加与设置:

image-20260727113917490

1. 导航项标题

请填写导航项标题,字数限制在 16 以内

2. 导航封面图

请上传导航封面

文件大小:大于1KB、小于5MB

文件格式:PNG、JPG

建议比例:3:2

3. 导航项背景色(卡片背景颜色)

根据需要修改导航项背景色,默认为白色。

4. 导航项文字色(标题颜色)

根据导航项修改导航项文字色,默认为黑色。

5. 跳转链接

设置点击导航项后跳转的内容,支持跳转外链、小程序、站内相册和相册页面的具体组件位置。

image-20260727114810785

6. 弹窗跳转

开启弹窗跳转后,可自定义填写详情描述和添加详情图片。

image-20260727114627143

客户在相册浏览时,点击相应的信息卡片后,弹出该嘉宾的详细介绍。

image-20260727114709007

2、图标导航设置

图标导航由图标和配文来构成,可以根据需要对导航进行自定义排列。

下方案例中,以一场大型活动的举办为例,借助享像派照片直播相册,完成本场活动会务的在线页面设计和统筹。

大型活动中有多个参会介绍和规则,使用图标导航可以添加各个参会说明,点击可跳转至指定页面。

  1. 图标导航样式设置

对于图标导航,你可以选择设置导航栏的列数,最少3列,最多可设置6列。

image-20260727134142750

  1. 导航项添加

在导航项内点击「+添加导航项」

image-20260727134309604

在导航项编辑内你可以做以下自定义设置

image-20260727134052654

1、导航项标题

2、导航图标

享像派提供了300+图标可供选择,如素材库里没有适合的也可以上传自定义图标。

自定义图标上传规格说明

文件大小:大于1KB、小于5MB

文件格式:PNG建议比例:1:1

3、背景颜色

图标背景颜色,每添加一个导航项,系统会随机一个背景颜色,可以更改为自定义颜色。

4、文字颜色

图标配文,默认为黑色,可以更改为自定义颜色。

5、跳转链接

设置点击导航项后跳转的内容,支持跳转外链、小程序、站内相册和相册页面的具体组件位置。

6、弹窗链接

开启弹窗跳转后,可自定义填写弹窗标题、弹窗描述和弹窗图片。

弹窗图片规则说明:文件大小:大于1KB、小于5MB,文件格式需为PNG、JPG。

image-20260727135045506

客户在浏览相册时,点击相应图标后,即可查看弹窗内的内容。

image-20260727135559767

3、魔方导航栏设置

对于魔方导航,你可以选择设置图片大小与各个选项的间距。

魔方导航的选项中,您可以设置导航标题、跳转链接、并且可以上传您的图标。此外,您还可以自由编辑图文排列方式、对齐方式、宽度、高度等内容。

网页端:

img

APP端:

img
Copyright © 2024 湖南享像科技有限公司 版权所有 保留一切权利
湘ICP备15018030号-1 湘B2-20180029

Copyright © 2024 湖南享像科技有限公司 版权所有 保留一切权利