使用xiaopiu常见技巧

使用了一周，现在及时总结，可能有些遗漏的地方，下次再开一篇博客补充。

一、复制页面内的部分组件

1. 这是个超级赞的功能，按住A的同时使用鼠标款选目标组件，如果款选的符合要求，可直接右键进行合并形成一个集合，之后再使用ctrl+c复制，在目标页面，可以通过快捷键Ctrl+shift+V粘贴在鼠标所在的位置。

2. 如果A款选的范围过大不符合使用场景，可以按住shift进行组件的选择，选择完毕后右键进行合并形成一个集合，形成集合后就很好选择和复制了。

二、点击显示原始态，再点击进行隐藏

对一个组件或组合，选中之后，点击添加新状态。

设置弹窗页面初始为隐藏态，选择触发组件后选择事件，如下图，选择触发事件类型，再选择行为方式，选择目标状态为原始态，点击保存。

三、组件覆盖问题

在设计页面的时候，经常会遇到组件覆盖的问题，比较直接的方式是依次调整组件的层级。

有一个好的方式是把需要置顶的组件选中后，按住Ctrl+x再粘贴，这样组件就默认置顶了。

四、添加图片和icon

将待用图片存在文件夹后，打开xiaopiu编辑页面，再打开文件夹页，直接拖拽图片到xiaopiu页面使用，拖拽成功后，记得保存为组件。