中集器的使用

在网站和 app 中，大量可以看到结构重复，但内容不一的信息。此时，我们可以利用中继器，
进行快捷操作。

1. 从元件库拖拽出中继器。
   
2. 双击中继器后，可进入元件内部。此处的空白矩形可以删除，或换我们需要的内容
   
3. 进行编辑后，最终页面保留这些信息。
   
4. 分别对其命名，上侧为“头像、昵称、联系方式”，下侧为“aa、bb、cc”。
   
   
5. 此时，在 index 页面，我们返回可以看到页面进行了变化。
   
6. 如果需要出现多条信息，我们可以选择中继器，在属性面板区域，进行添加。
   
   图中 1 为上方添加行，2 为下方添加行，3 为删除行，4 为上移选中的行。
7. 添加列
   
   图中 1 为左侧添加列，2 为右侧添加列，点击右侧添加列后，如上图所示。
8. 修改列名称，方便调整。分别为“number”、“name”、“电话”。
   
9. 于“name”和“phone”分别写入相关信息。
   
10. 导入图片。
    
11. 将信息进行绑定，选择中继器，添加命令——每项加载时。
    
12. 每项加载时——设置图片——勾选“aa”——在 Default 设置为值——点击 fx。12. 每项加载时——设置图片——勾选“aa”——在 Default 设置为值——点击 fx。
    
13. 点击 fx——打开窗口——选择 item.picture（picture 为我们之前命名的值）。
    
14. 继续在“每项加载时”添加命令——设置文本——勾选“bb”——点击 fx——打开窗口——选择 item.name（name 为我们之前命名的值）。
    
15. 在“每项加载时”添加命令——设置文本——勾选“cc”——点击 fx——打开窗口——选择 item.phone（phone 为我们之前命名的值）。
    
16. 预览时，原型图效果如下。