irpas技术客

使用秀米编排点击展开H5_scarecrowll_秀米怎么做点击展开

网络投稿 7366

前期准备

1、打开秀米官网,点击右上角登录(建议微信登录) https://xiumi.us/#/ 2、如果想在秀米排版的能同步到公众号,请授权一下公众号,具体参考以下两篇文章 http://·/youxishuma/hulianwang/80847.html https://jingyan.baidu.com/article/cb5d6105de98b4005d2fe05d.html

接下来进行排版公众号

1、进入首页,选择新建一个图文 2、找到svg,点击 3、在svg图中找到你想要的切换动效,如我想点击展示,点击后下面就会出现点击查看更多的很多模板 点击其中一个svg切换效果之后,左边的模板都是对应效果的案例,你可以选择比较符合你要求的按钮,假设第一个比较符合你,你就点一下第一个案例,右边就会有相对应的案例 ** ** 点击一下预览,你就可以看到效果了 点击预览之后会弹出一个二维码,扫码就可以查看效果了 接下来就是修改成自己想要的图片以及效果 1、先把自己需要的图片先上传上来,点击一下我的图库,然后上传自己需要的照片 模板会有很多其他的文字内容,可以先把模板不需要的先删除掉 如这部分,然后再预览看一下,点击换图就没问题了,他一开始是空白图片,点击一下变成一张猫的图,接下来我们就要换成我们自己的图片,点一下右边编辑面板猫这张图片,然后再点一下你自己图库中相对应的图片,这边点击就变成你的图片了,可以预览看一下 这时候你会发现你自己的图片可能展示不全!!!!,原因在于你上传的图片跟它原本的图片的尺寸比例不一样,接下来就要修改一开始的空白图片以及展示不全的问题 点击一下布局按钮,打开布局 点击一下布局灰色的边框,出现动画的按钮 点击动画按钮,然后修改为你想要的效果 你按照你的需求进行修改,我的修改如图 接下来再预览一下,点击换图没问题了,但是模板的边框还在,如果你想要的就是这种效果那就不用改了,如果不要修改如下 点击布局按钮,把布局放开(有出现灰色框框的就是已经打开了) 点击右上角灰色框框,出现间距两个字 把间距都调整为你需要的 (把布局三个灰色的框框都依次操作,把所有的间距都调整为你要) 再预览一下看看效果就可以了

备注:需要修改东西的记得先把布局打开,然后在点一下布局灰色的框框,点击左边的出现动效,右边是修改间距、边框等

当有多个这样的点击展示的图片放在一起的时候,有可能会出现缝隙

图片于图片之间的缝隙通过修改组件定位进行修改 打开布局,点击灰色框框,找到组件定位,然后把间距改为前后间距改为0就行了


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #秀米怎么做点击展开