Axure用中继器做一个表格

Axure用中继器做一个表格

1、添加一个table

Axure用中继器做一个表格_第1张图片

2、添加一个中继器repeater

Axure用中继器做一个表格_第2张图片复制table中的一行,之后删除下面的空白行,双击中继器
Axure用中继器做一个表格_第3张图片删除原页面中的表格,粘贴之前复制的表格,得到该图
Axure用中继器做一个表格_第4张图片

3、向表中添加信息

Axure用中继器做一个表格_第5张图片选中中继器,再右边repeater中添加信息
在右边添加一列信息,选中手机号一框,单击鼠标右键,选择insert colume right,下面的在中继器中重复该操作
Axure用中继器做一个表格_第6张图片

4、数据渲染

Axure用中继器做一个表格_第7张图片
Axure用中继器做一个表格_第8张图片Axure用中继器做一个表格_第9张图片数据渲染效果如图

5、增加一个添加按钮并加一个onclick事件

Axure用中继器做一个表格_第10张图片

6、添加一个层罩、设置透明度

Axure用中继器做一个表格_第11张图片

7、添加模态框

Axure用中继器做一个表格_第12张图片将用户信息放在模态框中,给层罩设置一个事件,点击层罩,模态框隐藏

8、增加一个模态框添加按钮并加一个onclick事件

Axure用中继器做一个表格_第13张图片

你可能感兴趣的:(Axure)