图文展示组件(文档)

内容切换组件,常用于前后对比图片和内容。比如化妆前化妆后的图片,30年前地点和现在现在地点的对比

点击查看”示例和视频操作” >>

 

1,如何插入设计组件

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

 

 

2,内容选项卡

2.1,图像 -内容模块,这儿可以编辑组件的样式类型,位置,选择源图尺寸,请参考下图或视频操作

(1)展示样式:支持2种类型 “经典型”,“遮罩型” ,请参考下图展示型的组件示例

(2)位置:展示型样式图片与文字的排版位置,如下图 “位置靠上”,“位置靠左”,“位置靠右”

 

 

遮罩型样式参看图,下图第一张是黑色的遮罩背景层,第二张是 绿色的遮罩背景层

 

 

2.2,内容 -内容模块,这儿可以编辑组件的标题与描述,开启点击跳转链接等,具体参考下图或视频操作

 

 

2.3,促销 -内容模块, 开启促销标签,以及设置靠左和靠右的位置

 

 

3,样式选项卡

3.1,图文展示-样式模块,此处设置内容间距, 图片高度,图片布局类型。具体请参考下图设置或视频操作。

 

 

3.2,内容-样式模块,此处设置标题,描述的字体样式对齐方向,背景颜色等。具体请参考下图设置或视频操作。

 

 

3.3,鼠标悬停特效-样式模块,此处设置悬停动画,组件遮罩层等。具体请参考下图设置或视频操作。

 

 

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

 

评论

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

产品标题

剩余 0

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

立刻分享给好友

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

知道了