如何设置各模块间的距离（可视化操作）
2017-02-21 15:01:01
次浏览
未修改前的效果图：（很明显看到顶部logo下面跟导航栏目之间有空白的间隙）修改后的效果图： 首先进入需要修改的页面，此页面为产品页面，第一步我们要找到这个页面即——“产品列表”这个页面，步骤如下：先找到“系统设置”——“页面文件管理”，然后找到“产品列表”页面，…
|
|
未修改前的效果图：（很明显看到顶部logo下面跟导航栏目之间有空白的间隙）
修改后的效果图：
|
|
|
|
|
|
首先进入需要修改的页面，此页面为产品页面，第一步我们要找到这个页面即——“产品列表”这个页面，步骤如下：
先找到“系统设置”——“页面文件管理”，然后找到“产品列表”页面，如下图1.1所示：
（图1.1）
|
|
|
|
|
第二步：选中要进行间距调整的功能块，这个地方我们要调整的是“导航与顶部”间的距离，有二种方法可以进行调整；
1.顶部距底部的距离，2导航距顶部的顶部距离，二种方法均可；我们用第二种方法；
|
|
|
|
|
第四步：选择如下图1.3所示选项“方框”——外间距(margin)；这个地方是顶部与导航之间的间距太大，我们要调小些，
那么我们就调整距顶部的距离，设为-4；
具体的数值设置，事先是没有办法一下子设置准确的，可以根据自己的判断，设置后，看下效果，再进行调饰。
（图1.3）
注意：在设置值的时候，这个值可以是负值如-4，也可以是正值4，这个要根据是想让他间距拉大还是缩小来定的，
如上图，想让顶部与导航间的距离缩小，那么我们就用负值；反之则用正值；
|
|
|
|
