如果您的站点,需要进行丰富的排版,那么您一定需要使用到“添加单元格”组件,下面我们将用详细的图片及文本对您提供技术支持。
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, 开启雪花或气球动画特效,如下图所示 , 此样式属性属于低频设置选项,您可以忽略
恭喜你已完成当前组件的学习,感谢阅读。
评论