网页设计【自适应网站-手机视图设置相关】功能效果及教程指引

2022-05-04
来源:羽薇网

一、功能效果

手机视图下改修为独立设置,不影响到电脑视图。在手机视图下可修改网站顶部、网站横幅与底部服务栏。

AAEIABAEGAAgiubLkQYo9IaH_AY.png


二、功能说明【版本】无版本限制


三、设置教程

1. 网站顶部

1.1 在自适应手机视图下,点击【设置-基础组件】,可勾选显示网站顶部或不勾选直接隐藏顶部。如勾选显示可点击右侧设置按钮进入设置页。

AAEIABAEGAAgjebLkQYoqIzbggc.png


1.2 顶部支持自定义背景颜色与图标颜色,可设置顶部导航位置以及网站标题字体大小。

AAEIABAEGAAgoefLkQYopPzxwgI.png


2. 网站横幅

2.1 在自适应手机视图下,点击【设置-基础组件】,可勾选显示网站横幅或不勾选直接隐藏横幅。如勾选显示可点击右侧设置按钮进入设置页。

AAEIABAEGAAgiubLkQYo2q6SqAQ.png


2.2 可自定义添加手机横幅,不会影响到电脑视图。点击图片可为图片设置跳转链接。

AAEIABAEGAAgiubLkQYotMbJmwQ.png


2.3 在图片设置中可调整横幅高度,设置轮播方式。

AAEIABAEGAAgiubLkQYoievbxQc.png


3. 底部导航

3.1 在【导航列表】中管理导航项(多支持同时开启5个导航项)。

点击图标可更换图标,支持上传自己设计的图标,双击可修改导航项显示文字和跳转链接。


3.2 在【样式选择】中可更改样式以及样式颜色。

AAEIABAEGAAgjejLkQYozMCVwgI.png


3.3 在【设置样式】中可自定义底部服务栏背景,支持颜色填充或使用图片做背景。同时支持自定义边框颜色、宽度、样式等。


3.4 默认项指设置未选中导航项时的文字、图标效果;选中项指设置选中导航项时的文字、图标效果。

AAEIABAEGAAgi_bLkQYo2PCP_AI.png




分享