内容切换组件,常用于前后对比图片和内容。比如化妆前化妆后的图片,30年前地点和现在现在地点的对比
1,如何插入设计组件
只需从左侧的组件控制面板【常规组件】中 ,选中图文展示组件后点击鼠标左键拽住并拖放到编辑面板处即可,如下图所示
2,内容选项卡
2.1,图像 -内容模块,这儿可以编辑组件的样式类型,位置,选择源图尺寸,请参考下图或视频操作
(1)展示样式:支持2种类型 “经典型”,“遮罩型” ,请参考下图展示型的组件示例
(2)位置:展示型样式图片与文字的排版位置,如下图 “位置靠上”,“位置靠左”,“位置靠右”
遮罩型样式参看图,下图第一张是黑色的遮罩背景层,第二张是 绿色的遮罩背景层
2.2,内容 -内容模块,这儿可以编辑组件的标题与描述,开启点击跳转链接等,具体参考下图或视频操作
2.3,促销 -内容模块, 开启促销标签,以及设置靠左和靠右的位置
3,样式选项卡
3.1,图文展示-样式模块,此处设置内容间距, 图片高度,图片布局类型。具体请参考下图设置或视频操作。
3.2,内容-样式模块,此处设置标题,描述的字体样式对齐方向,背景颜色等。具体请参考下图设置或视频操作。
3.3,鼠标悬停特效-样式模块,此处设置悬停动画,组件遮罩层等。具体请参考下图设置或视频操作。
恭喜你已完成当前组件的学习,感谢阅读。
评论