在易极赞的可视化编辑器中,界面的基础结构是由多个节点构成的,节点的内部又是由单元格构成的,他们都属于页面的容器。下面大家跟随我的教程来了解一下节点和单元格的如何使用和设置
什么是节点?如何添加节点
节点是页面的组要构成部分,整个页面由多个节点组合而成,节点相当于页面的容器,我们可以往节点里面放入各种各样我们的设计组件,来完成我们页面的排版和设计。看下下面的截图
如何添加节点,单元格是什么?
点击添加节点按钮后可以选择节点的容器结构,选择好后还可以手动拖拉容器的宽带,来调整到你想要的最合适的尺寸,下面我们选了第二个,带两个单元格的,节点结构,从图中可以看到,默认它添加在了上一个节点的后面,我们可以条根据需要,在布局栏处设置节点的宽带,最小高度。
(添加节点,选择节点结构)
(成功节点)
往单元格里面添加基础组件
从左侧的组件控制面板 【基础组件】中,选中图片,标题,文本等组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
(将图片拖入到容器中)
(完成排版)
如何设置节点的背景
在页面排版过程中,经常会要设置节点背景色,高级一点的排版我们会给节点设置背景图,甚至是视频或轮播图效果。
选中节点-【样式】-【背景】,设置中我们来将背景颜色设置为绿色,来衬托出黄色的耳机图片。
- 设置背景色
- 设置渐变色
- 设置背景图片
- 设置动态视频,在背景类型中选择视频
- 设置轮播图背景,在背景类型中选择轮播图
选择好图片后,可以设置轮播图切换速度,动态放大或变小的特效
设置形状分割线
节点之间可以通过很酷炫的选择来分隔开 ,比如云朵,斜线等,内置了十几种,感兴趣的朋友可以自己去试试
(云朵分割线)
(斜线分割线)
设置雪花和气球特效
可以设置节点的雪花或气球的特效
节点如何设置全屏显示
将内容宽度设置为:全宽度。 单元格间距设置为0
本篇文章到此结束感谢观看
评论