大家好,如果你在使用易极赞来编辑和设计你的网站,那么高级设置肯定是一个经常用到的选项,这篇文章将全面的带你了解高级设置的使用方法
下面是设置导航,你可以根据你想要了解的内容选择性的查阅
- 01,外边距,内边距
- 02,置顶层级
- 03,动画效果
- 04,滚屏置顶置底
- 05,滚屏特效
- 06,占位显示
01,外边框,内边距
外边距是在组件和节点上使用最多的一个选项了,参考下图对外边距和内边距有个形象的概念,外边框作用于在目标设置对象外部,内边框作用于在目标设置对象内容。通常用来设置当前对象和旁边对象的间距
下面以节点对象举例,再给节点内边距设置80像素后,节点的内部被撑开了。
02,置顶层级
置顶层级,可以理解为ps里面的图层,当两个对象发生重叠的时候,层级大的会拍靠在最前面。
为了让大家更容易理解,我举个常见的例子比如浮动的菜单栏,或靠右浮动的联系方式,如果在下滑菜单的时候被遮挡这个时候,我们需要调整他的层级数值,以便区分开他们的层级位置。
- 初始状况,在页面下拉的过程中,后面的节点把导航菜单遮挡住了
- 把菜单栏节点的置顶层级调整为9999后,可以看到,菜单栏层级盖过了后面的节点。不再被遮挡
03,动画效果
系统内置了32种动画效果,对目标对象设置动画后,对象入场的时候会根据动画预设的参数显示。这里还包含了两个辅助的设置参数比如,动画持续时间和动画延迟时间。可以根据实际情况来做处调整。动画设置参考下方的视频
04,滚屏置顶/底
这里用2个节点的置顶和置底作为示例,为大家说明使用场景。常用场景如:置顶通常用于菜单栏置顶吸附,或广告栏置底吸附
05,滚屏特效
- 滑动动画支持在页面在滚动的时候加载动画效果,设置的对象可以是节点,单元格,或组件元素。
- 鼠标交互效果
06,占位显示
这里以图片元素为例子。占位显示默认是独占一列如图所示,将图片的元素都设置为并列显示他们的默认排列会发生改变。
PS:这项设置为有设计基础的用户提供的,排版比较耗时,普通用户可以忽略。如无特殊排版要求可以跳过。
绝对定位,设置了水平和垂直的偏移数值后,图片会浮动在原来的单位格位置上,并发生位置偏移。指的注意的是,当图片浮动后,当前空间如需要保留占位,需要将“空间间隔”组件拖拽到当前当前单元格内。
固定定位。参考下图右下角,相对于页面的窗口,图片做了固定位置的显示
07,电脑/移动端隐藏
在我们的网页中,为满足响应式设计,有部分排版或元素,是不适合在移动端或pc端显示的,这个时候我们可以对它开启隐藏功能,这样它只在我们指定的的设备上去显示
进入移动端后,发现图片在右边的设计界面已经消失了
评论