添加单元格组件(文档)

如果您的站点,需要进行丰富的排版,那么您一定需要使用到“添加单元格”组件,下面我们将用详细的图片及文本对您提供技术支持。

点击查看“示例和视频” >>

 

1,如何插入设计组件

只需从左侧的组件控制面板 ,选中组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示

 

 

为了易于理解及操作,下面的操作我们只说明常用的内容和样式设置因为并不是每一个选项都是我们设计的时候需要用到的。

 

2,内容选项卡

内容选项卡设置如下图,您可以看到有多个设置选项来控制单元格的显示属性。

 

(1)节点宽度类型: 可设置为全宽度(100%),或自定义节点宽度 ,如下图蓝色部分

(2)节点内容宽度:可设置单元格宽度,如下图黄色区域的宽度。

(3)与单元格间距 : 可设置单元格内间距 可选范围 0 ,10px,20px,30px

(4)最小高度:设置 “添加单元格节点”的最小显示高度, 属性属于低频设置选项,可以忽略

(5)内容对齐 : 设置 “靠上,居中,靠下”

(6)超出边界:隐藏超出单元格节点边界的内容。

(7)过度时间(秒),但设置鼠标划过时,给单元格设置一个背景色,此处用来设置一个颜色的过度时间

 

 

 

3,样式选项卡

 

3.1,设置“单元格节点背景 ,选项卡中有“标准”“鼠标悬停” 两个选项 ,默认情况下我们只需要设置“标准”选项卡内的 样式属性即可。

(1)设置背景色(2)设置背景图片(3)设置背景渐变色(4)设置背景轮播图。实际操作请参考结尾视频教程

此处说明下单元格组件不支持视频背景播放 。

如果您需要鼠标悬停时候 单元格节点的变色效果,点击“鼠标悬停”选项卡,然后设置相应的“背景主色”即可。

 

 

3.2,设置“单元格节点背景遮罩层,“背景遮罩层”功能与“背景”类似,该功能相对于在背景层至上再加上一层透明的背景色或图片,如下图节点的背景是蓝色,背景遮罩层加一张图片,可以隐隐约约看到蓝色区域有一层淡淡的植物背景水印。

 

 

 

3.3,设置“单元格节点”边框”,此处可设置边框(红色)与边框阴影(黑色),选项设置参考下图。可设置颜色粗细程度

 

 

3.4 ,单元格节点“形状分割线” 属性,主要用于再首尾部添加图片特效 , 此样式属性属于低频设置选项,您可以忽略

 

 

3.5, 开启雪花或气球动画特效,如下图所示 此样式属性属于低频设置选项,您可以忽略

 

 

恭喜你已完成当前组件的学习,感谢阅读。

 

评论

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

产品标题

剩余 0

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

立刻分享给好友

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

知道了