使用秀米编排点击展示H5

前期准备

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

接下来进行排版公众号

1、进入首页，选择新建一个图文

2、找到svg，点击

3、在svg图中找到你想要的切换动效，如我想点击展示，点击后下面就会出现点击查看更多的很多模板

点击其中一个svg切换效果之后，左边的模板都是对应效果的案例，你可以选择比较符合你要求的按钮，假设第一个比较符合你，你就点一下第一个案例，右边就会有相对应的案例
**
**
点击一下预览，你就可以看到效果了

点击预览之后会弹出一个二维码，扫码就可以查看效果了

接下来就是修改成自己想要的图片以及效果
1、先把自己需要的图片先上传上来，点击一下我的图库，然后上传自己需要的照片

模板会有很多其他的文字内容，可以先把模板不需要的先删除掉

如这部分，然后再预览看一下，点击换图就没问题了，他一开始是空白图片，点击一下变成一张猫的图，接下来我们就要换成我们自己的图片，点一下右边编辑面板猫这张图片，然后再点一下你自己图库中相对应的图片，这边点击就变成你的图片了，可以预览看一下
这时候你会发现你自己的图片可能展示不全！！！！，原因在于你上传的图片跟它原本的图片的尺寸比例不一样，接下来就要修改一开始的空白图片以及展示不全的问题
点击一下布局按钮，打开布局

点击一下布局灰色的边框，出现动画的按钮

点击动画按钮，然后修改为你想要的效果

你按照你的需求进行修改，我的修改如图

接下来再预览一下，点击换图没问题了，但是模板的边框还在，如果你想要的就是这种效果那就不用改了，如果不要修改如下
点击布局按钮，把布局放开（有出现灰色框框的就是已经打开了）

点击右上角灰色框框，出现间距两个字

把间距都调整为你需要的
（把布局三个灰色的框框都依次操作，把所有的间距都调整为你要）

再预览一下看看效果就可以了

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

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

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