Axure如何使用中继器实现淘宝商品图排列样式

2025-06-08 09:41:46

1、如下图所示,是淘宝某一个商品页面的信息阮器态奁展示样式,可以看到横排一个有六个,竖排可以根据自己的需要进行添加,但是有一个问题就是,我们可以通过修改后台的数据,从而可以比较方便的实现前段某一个位置的商品显示,这个时候就需要使用到中继器了。

Axure如何使用中继器实现淘宝商品图排列样式

2、打开Axure,在左侧元件库当中,找到中继器选项,将其拖动到画布当中,具体如下图所示。

Axure如何使用中继器实现淘宝商品图排列样式

3、双击中继器,进入中继器编辑页面当中,将原有的矩形删除,按照淘宝某一个页面的样式进行操作编辑,添加一个图片,两个文本标签。

Axure如何使用中继器实现淘宝商品图排列样式

4、返回画布页面当中,就可以看到,画布中继器当中的内容就变成为在中继器内所编辑的内容了。

Axure如何使用中继器实现淘宝商品图排列样式

5、在右侧的样式选择当中,可以对其显示样式进行进一步的编辑,将其布局修改为水平,网格每一行显示六个。

Axure如何使用中继器实现淘宝商品图排列样式

6、打开属性窗口,我们可以在属性页面当中,通过添加行,就可以创建更多的内容。

Axure如何使用中继器实现淘宝商品图排列样式
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢