双层横向滑动+无限次点击展开全文点击返回

    每一个屏幕的滑动画面必须要设置一个展开内容,且所有展开内容的总高度要一致;每个滑动板块共用相同位置的触发区,某个板块修改触发区,另外的板块跟着一起变动;该效果只支持保存成微信文章在手机端预览


    视频教程





    01 添加素材效果

    在『互动效果』栏目下的【展开】里,点击【双层横向滑动+无限次点击展开全文点击返回】,将其添加到编辑区域。

    微信截图_20231013200247.png



    02 上传图片素材


    滑动板块

    这个效果的滑动板块分为两个部分:滑动首图、展开内容

    滑动首图

    滑动首图只需要添加一张,在滑动首图上可以设置点击展开的触发区域

    微信截图_20231013200343.png

    展开内容

    展开内容可以设置多张图片,其中最后一张图片上设置返回的触发区域

    微信截图_20231013200639.png

    展开触发区域设置

    点击展开的触发区域不可以设置全屏,尽量设置成按钮大小即可,区域设置过大会影响到滑动效果

    微信截图_20231013200817.png微信截图_20231013200831.png

    返回触发区域

    在展开内容的最后一张图上设置返回触发区域

    这个区域设置也尽量不要全屏

    微信截图_20231013201013.png


    滑动顶层图

    用来悬浮在滑动图上方的一张固定图片,会自带闪烁效果

    微信截图_20231013201150.png


    展开动画设置

    可在编辑器右侧设置展开动画的动画时长

    微信截图_20231013201322.png



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

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

    微信截图_20231013201401.png


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

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


评价此内容
有帮助
无帮助
感谢反馈,请问还有其他建议吗? (选填)