【入门】节点和单元格,页面的基础结构

在易极赞的可视化编辑器中,界面的基础结构是由多个节点构成的,节点的内部又是由单元格构成的,他们都属于页面的容器。下面大家跟随我的教程来了解一下节点和单元格的如何使用和设置

 

什么是节点?如何添加节点

节点是页面的组要构成部分,整个页面由多个节点组合而成,节点相当于页面的容器,我们可以往节点里面放入各种各样我们的设计组件,来完成我们页面的排版和设计。看下下面的截图

 

 

如何添加节点,单元格是什么?

点击添加节点按钮后可以选择节点的容器结构,选择好后还可以手动拖拉容器的宽带,来调整到你想要的最合适的尺寸,下面我们选了第二个,带两个单元格的,节点结构,从图中可以看到,默认它添加在了上一个节点的后面,我们可以条根据需要,在布局栏处设置节点的宽带,最小高度。

(添加节点,选择节点结构)

(成功节点)

往单元格里面添加基础组件

从左侧的组件控制面板 【基础组件】中,选中图片,标题,文本等组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

(将图片拖入到容器中)

(完成排版)

如何设置节点的背景

在页面排版过程中,经常会要设置节点背景色,高级一点的排版我们会给节点设置背景图,甚至是视频或轮播图效果。

选中节点-【样式】-【背景】,设置中我们来将背景颜色设置为绿色,来衬托出黄色的耳机图片。

  • 设置背景色

 

  • 设置渐变色

 

  • 设置背景图片

 

  • 设置动态视频,在背景类型中选择视频

 

 

  • 设置轮播图背景,在背景类型中选择轮播图

选择好图片后,可以设置轮播图切换速度,动态放大或变小的特效

 

 

设置形状分割线

节点之间可以通过很酷炫的选择来分隔开 ,比如云朵,斜线等,内置了十几种,感兴趣的朋友可以自己去试试

 

(云朵分割线)

 

(斜线分割线)

 

设置雪花和气球特效

可以设置节点的雪花或气球的特效

 

 

节点如何设置全屏显示

将内容宽度设置为:全宽度。 单元格间距设置为0

 

 

 

本篇文章到此结束感谢观看

 

评论

数据加载中...
数据加载中...

产品标题

剩余 0

购买数量
- +
确认删除?
扫一扫分享到微信朋友圈

立刻分享给好友

点击屏幕右上角将本页面分享给好友

知道了