如何编辑手机视图下的模块(自适应模板)

发布时间: 作者:浮云网络 浏览量(11) 点赞(34)
摘要:浮云网络是一家专业提供高端网站建设公司,专注与网站制作、网页设计、H5开发、小程序制作等业务。十余年已为深圳、广州、上海、北京及国内外众多企业、政府机构等服务。99元建站优惠进行中。

一、教程目的

切换到手机视图后,除了文本、图片、按钮三个常用模块,其他模块都有独立的编辑项,例如文字设置、图片设置、标题栏、间距等等。

由于不同模块的编辑项稍有不同,而“标题栏”和“间距”是除了三个常用模块之外,每个模块都有的编辑项,因此接来下将会重点介绍“标题栏”和“间距”这两个编辑项。



二、功能说明

【版本】建站任意版本均支持自定义



三、设置教程

下面会以“产品分类”模块为例,介绍手机视图下的“标题栏”和“间距”如何设置。


1. 标题栏

默认是隐藏标题栏,当取消勾选“隐藏”后,可自定义标题文字、标题文字样式、标题栏高度、标题栏背景。


1.1 标题

标题文字内容支持自定义。


2. 文字

标题文字样式默认是微软雅黑、大小16、颜色为网站主题色、位置居左,其中大小、颜色、位置这三种样式均支持自定义。

如果你不知道如何设置网站主题色,请查看链接教程:【自适应模板】如何设置网站样式


3. 高度

标题栏的高度支持自定义,效果如下图。


4. 背景

标题栏背景支持设置为“默认”、“隐藏”、“自定义”。

默认:即标题栏背景色为白色;

隐藏:即标题栏背景色为透明,当网站背景色不为白色时才能看出透明效果;

自定义:可自定义设置标题栏背景色为“纯色”、“渐变”或“图片”;三者的效果差异如下图。

(↑ 默认)


(↑ 隐藏)


(↑ 自定义)


2. 间距

可通过调修改“产品分类”模块的外间距,调整“产品分类”模块与通栏内容区边界之间的距离。

(其他模块同理,通过修改模块的外间距,即可调整模块与通栏内容区边界之间的距离。)



更多网站建设网站制作小程序制作等相关,欢迎您咨询深圳浮云网络

本站部分内容来源网络,如有侵权请联系删除。转发请标注来源:https://www.szforun.net/help/wzjsxszy/1010.html

二维码

扫一扫,关注我们

感兴趣吗?

欢迎联系我们,我们愿意为您解答任何有关网站疑难问题!

您身边的【网站建设专家】

搜索千万次不如咨询1次

主营项目:网站建设,响应式网站,小程序开发,H5互动游戏,SEO优化等

立即咨询 184-7632-0007
在线客服
嘿,我来帮您!