准备好以下元件
TabIcon，图片（width：26，height：26），
TabName，文本矩形（width：80，height：20），设置颜色为空
PageName，矩形，填充白色，设置边框（仅显示上边框，在右侧样式操作栏中设置）
Tab，中继器；将中继器中的默认矩形删掉；将TabIcon、TabName、PageName选中，右键变成动态面板（命名Tab），将动态面板Tab剪切到中继器中。如图：
实现步骤
1、把中继器选中，右键变为母版，命名Tab。
2、中继器中添加数据TabIconDefault（常规状态图标）、TabIconSelected（选中状态图标）、TabName（标签名称）、PageName（页面名称，不是用于显示的，是标记页面的ID）。导入相应的图标和输入相应的文字。
3、添加页面message、contact、discover、me。（注意：一定要用小写，否则可能识别不了）
4、给中继器添加事件。每项加载时，设置TabName标签名为中继器中的[[Item.TabName]]；设置TabIcon图片的Default值为[[Item.TabIconDefault]]，设置TabIcon图片的选中值为[[Item.TabIconSelected]]
5、给Tab动态面板添加事件。载入时，当当前页面名称和中继器中的[[Item.PageName]]一致，设置TabName和TabIcon为选中状态
6、设置页面跳转事件。点击Tab动态面板时，跳转中继器中标记的页面[[Item.PageName]].html（一定要记得添加 .html ）
7、最后，把Tab母版拖入四个tab页面，添加相应的页面截图。到此就完成了。
演示链接：https://limumu1992.github.io/14weixin4tab/
所有木目原型的链接：https://limumu1992.github.io/mumuaxure/
