aipage网站悬浮边栏设计教程

网站悬浮边栏是站点很常见的功能,一般会添加客服、反馈、微信公众号等联系方式方便用户便捷操作。网站有两种方式添加悬浮边栏

1 内置悬浮边栏

桌面端网站内置了2种内置边栏效果,在页面设置里开启即可aipage网站悬浮边栏设计教程插图

aipage网站悬浮边栏设计教程插图1

简约效果可以简单调整图标尺寸与间隔,示例效果如下:

aipage网站悬浮边栏设计教程插图2

另外还有一种阴影效果主题,编辑悬浮项目替换自己想要的图标后,可以生成如下效果:

aipage网站悬浮边栏设计教程插图3如上两种内置效果都支持悬停弹层内容的自定义,可以通过富文本任意编辑里面展示的内容。

2 自定义设计悬浮边栏

自定义悬浮边栏是通过自定义弹框来设计的,弹框属于一种容器,里面的元素以及悬停交互可以任意自定义,弹层设置自定义位置及尺寸即可,需要注意弹框需要去掉背景浮层以及开启允许点击其他区域,否则将干扰页面的正常点击。

aipage网站悬浮边栏设计教程插图4

弹框设置及样式设置里可以编辑弹框容器位置、基本操作及背景样式等

aipage网站悬浮边栏设计教程插图5

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
在线客服
主机帮
我们将24小时内回复。
2024-12-13 20:37:31
您好,有任何疑问请与我们联系!
您的工单我们已经收到,我们将会尽快跟您联系!
[QQ客服]
176363189
当幸福来敲门
[小黄]
17307799197
[企业邮箱]
sudu@yunjiasu.cc
取消

选择聊天工具: