上下滑动+点击竖向侧滑全文展开-135编辑器

暂无搜索结果！

视频教程

01 添加素材效果

图片要求：所有图片的宽度需要一致，滑动效果的第一张图和展开内容首图需要宽高尺寸一致(点击展开触发图可自由移动位置)

在『SVG效果』栏目下搜索“上下滑动”关键词，点击【上下滑动+点击竖向侧滑全文展开】组件，将其添加到编辑区域。

02 上传图片素材

滑动图

在编辑器右侧点击【添加滑动图】，上传图片。

点击展开触发图

在编辑器右侧点击【添加图片】，上传图片。

点击展开触发图会悬浮在滑动效果上层，点击以后即可触发后续效果，可以拖拽调整这个图片的位置和大小（可以在图片全部放好后再调整触发区域的位置）

展开内容首图

点击悬浮按钮以后展开内容的首图会从边上移入画面，此处展开内容首图需要单独设置，不在“编辑展开内容”里设置

需要注意的是，展开内容首图的宽高尺寸要跟滑动效果的第一张图一致。

点击【添加图片】，上传图片

剩余展开内容

点击右侧【编辑展开内容】按钮可进行除首图以外的剩余展开内容的编辑，展开里的组件效果选择，可根据自己文章实际情况使用。

展开动画设置

可在编辑器右侧设置展开动画的动画时长，数字越大，展开速度越慢；数字越小，展开速度越快。

03 同步/导出到微信公众号

制作好的SVG文章可以通过使用『同步』或『导出』功能，保存到微信公众号平台。

点击查看如何使用『同步』
点击查看如何使用『导出』

评价此内容

有帮助

无帮助

感谢反馈，请问还有其他建议吗? (选填)