一、功能结果

手机视图下改修为独立配置，不影响到电脑视图。

在手机视图下可修改网站顶部、网站横幅与底部服务栏。

二、功能说明

【版本】无版本限制

三、设置教程

1. 网站顶部

1.1 在自适应手机视图下，选择【设置-基础组件】，可勾选显示网站顶部或不勾选直接隐藏顶部。

如勾选显示可选择右侧配置按钮进入到配置页。

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

2. 网站横幅

2.1 在自适应手机视图下，选择【设置-基础组件】，可勾选显示网站横幅或不勾选直接隐藏横幅。

如勾选显示可选择右侧配置按钮进入到配置页。

2.2 可自定义新增手机横幅，不会影响到电脑视图。

选择图片可为图片配置跳转链接。

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

3. 底部导航

3.1 在【导航列表】中管理导航项（多支持同时启用5个导航项）。

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

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

3.3 在【设置样式】中可自定义底部服务栏背景，支持颜色填充或使用图片做背景。

同时也支持自定义边框颜色、宽度、样式等。

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

选中项指配置选中导航项时的文字、图标效果。

手机端适配建议

以下补充内容用于帮助你在自适应模板手机视图中修改样式时，减少“电脑端正常、手机端乱”的情况：

• 先定结构：手机端更适合先确定模块顺序与分组，再去做字体、边距和颜色等细节调整。
• 少做微调：手机端像素级微调容易导致不同机型表现不一致，建议优先用统一间距和栅格思路。
• 交互复查：涉及按钮、客服、返回顶部等悬浮组件时，建议检查是否互相遮挡或抢占点击区。
• 发布前测试：建议至少在安卓 + iOS 真实机型各预览一次，确认文字换行和图片裁切正常。