浏览数量:12 作者:本站编辑 发布时间: 2018-06-21 来源:本站
1、可以把一个页面分为页头区域、正文区域、页脚区域,页头区域与页脚区域默认是网站所有页面的共享部分,如果某个页面不需要这个
共享页头或共享页脚,可以把它们隐藏。
页头区域
位于一个页面的有部分,用橙色虚线框起来的这部分,如下图所示;
把鼠标放到“页头”两个字上出现“隐藏页头”四个字,单击即可把页头隐藏起来。
页脚区域
在页面最下端,用橙色虚线框起来的这部分,称为页脚区域。
把鼠标放到“页脚”两个字上出现“隐藏页脚”四个字,单击即可把页脚隐藏起来。
正文区域
处于页头与页脚中间的那一部分我们称之为正文区域。
2、通过拖拽组件的方式可以对页面进行排版。
增加一行
把鼠标放到组件名称上,按住鼠标左键拖动组件,直到要放置组件的位置出现一条实线时即可松手,黑色实线代表:在同一行中增加一行形
成一个嵌套行,蓝色实线代表额外增加一行。
增加一列
按住鼠标左键拖动组件,直到要放置组件的位置出现一条黑色实线时即可松手。关于组件拖动的方法我们正在录制视频敬请期待。
区块不支持组件重组,但是支持上移或下移,单击查看区块操作方法。
当一行超过两列时,如何调整两列所占的宽度?
把鼠标放到两列中间区域,左右晃动鼠标左键,会出现一条黑色的竖线,用鼠标左键按住此黑色实线,往左或往右拖动来调整两列的宽度。
3、12栅格设计规范
在一行里调整某个组件(某一列)所占宽度时,每拖动一次就是拖动1个栅格,关于栅格的介绍,请参考下图:
4、嵌套行和12栅格的运用
如果需要把多个组件放到同一行里(即嵌套行),应该怎么操作?常见的嵌套行和12栅格的操作演示请参考此页面的视频:
http://www.leadong.com/wangzhanzhizuo.html《嵌套行和12栅格运用》,密码:leadong
【功能升级】2020年11月第三周:新增“阿尔巴尼亚语”小语种网站|新增对提交表单的下载文件记录功能|修复批量导入产品过程中偶现的数量不对称问题
【功能升级】2020年12月第一周: 新增“孟加拉语”语种网站|优化“产品列表区块模板”和“文章列表区块模板”分页设置逻辑|优化相关产品组件->价格千位符与价格
【功能升级】2020年12月第二周:会员登陆组件新增支持 Google 账号授权登录的功能|优化新版移动端(2.0.1版本)
【功能升级】2020年12月第三周:新增“防伪查询”功能|优化新版移动端(2.0.1版本)|优化了购物车中产品名称与价格的更新逻辑
【功能升级】2020年11月第一周:“产品目录”组件增加新风格|文章页面支持添加“相关文章”|产品询盘提交页面增加产品数量选择、删除产品功能