小程序模块间距怎么调:页面间距与每块的上下间距

先定整页的模块间距

在装修器底部点「页面」,打开页面设置,「间距」下面的「模块间距」有四档:紧凑(12)、标准(24)、宽松(36)和自定义(0–60)。没特别要求就用标准。

这一档管的是所有上下间距选「跟随页面」的模块。先把它定好,大部分页面就不用再一块块调了。

选中一个模块,切到「样式」页签,最下面有一行「间距」,后面写着现在的值,比如「上 24 · 下 24」。点进去:

上间距、下间距各有三种:跟随页面(按页面的模块间距)、紧贴(0)、自定义(0–120)。每一项下面写着它指的是哪一段,比如「和「快捷菜单 · 5 项」之间 · 24」「离页面顶部」「离页面底部」。换成自定义时,会用现在实际的距离打底,数字不会突然跳。

上面那块的「下间距」和下面那块的「上间距」说的是同一段距离,不会加在一起。从哪一边改都一样:改了这一边,另一边会自动回到「跟随页面」,两边看到的是同一个数。

设过的值跟着设它的那一块走,拖动排序后也带着。第一块的上间距是离页面顶部的距离,最后一块的下间距是离页面底部的距离。

左右:单张图片、视频、双列视频可以选留边、通栏(左右顶到屏幕边)或自定义;轮播图可选留边或通栏;按钮、Banner、标题、正文、水平滚动和宠物模块可选跟随页面或自定义(0–40)。快捷菜单、多行菜单、导流栏、分割线、商品橱窗没有这一项。留边是 16。

往上叠:单张图片和多行菜单可以叠到上一块上面(0–200),做首图压菜单、图压图的排版。

背景内边距:自己设了底色或底图的模块,多出「背景内边距 · 上 / 下」,调的是底色里面的上下留白,和模块之间的间距分开算。网页后台里这一项叫「背景上下边距」。

网页后台装修器里,点左侧「页面设置」,右边有「模块间距」;选中一个模块,在右侧设置里找到「间距」一组,上间距、下间距、左右都在这里,写法和 App 一样。

桌面端当前发布的版本还没有这套间距,请用 App 或网页后台调整。

以前装修的页面,用的是各模块自己的「上面留白 / 下面留白」。在新装修器里打开时会自动换算成这套间距,只打开不算改动;第一次发布时,发布单里会多一行「模块间距改为统一间距」。没动过的模块可能有几像素的变化,比如按钮、正文的左右边距统一成 16。

买家要等小程序更新到新版后,才按新的间距显示;更新前看到的还是原来的留白。种群页、详情页的装修不用这套间距,在它们自己的页面设置里调。

先看页面设置里的模块间距是不是太大;只想改这一处,选中下面那块把上间距改成「紧贴」或自定义一个小一点的数,或者选中上面那块改下间距,效果一样。

紧跟在标题下面的模块,跟随页面时上间距是 0,写着「紧跟标题」,标题和它的内容算一组;标题自己带一小段下距。想拉开,把这一块的上间距改成自定义。

选中单张图片、视频或轮播图,在「样式 → 间距 → 左右」选「通栏」。两张通栏图上下挨着时,跟随页面会自动拼在一起,没有缝。

先确认点了「发布」;再看买家的小程序是否已经更新到新版,新的间距要新版小程序才显示,旧版还按原来的留白画。

不能,这两页的装修有自己的留白设置,本文讲的是首页和其他装修页面。