20年
不忘初心 砥砺前行
怎么配置卡片（分享卡片的样式设计）
发表时间： 2023-07-18 15:19:06
作者： 小鹅通知识付费系统
浏览：
所需原件：中继器本文主要讲解中继器的基本用法，以便大家更容易去理解和学习中继器的高级用法，入门教程会分为 6 个小节，本节主要讲解如何通过中继器快速制作卡片列表
所需原件：
中继器
本文主要讲解中继器的基本用法，以便大家更容易去理解和学习中继器的高级用法，入门教程会分为 6 个小节，本节主要讲解如何通过中继器快速制作卡片列表
一、卡片制作
拖入中继器，双击中继器，删除中继器默认带出的矩形，拖要制作卡片的元件，示例中使用了矩形（卡片背景）、图片（卡片图标）、文本标签（卡片标题、描述文本、操作按钮）；并按照自己的想法将元件做好布局；
二、中继器赋值
关闭中继器编辑窗口，选中中继器，在样式模块中，编辑中继器的数据，如上图，注意设置好数据表头的名称，以便在赋值时快速查找；
特别地，图片的数据，需要鼠标右击数据，通过【导图图片】进行设置，如上图所示；
新建交互，添加【每项加载】时设置文本和设置图片（图片需要通过此动作设置）的交互动作，设置完毕，页面将会实时更新中继器的列表内容，如上图所示；
三、布局设置
赋值完成后，中继器默认【垂直】布局方式，在中继器的样式面板，找到【布局】，并将布局方式设置为【水平】，勾选【网格排布】，并设置每行项数量为【4】（可根据实际使用进行调整）；
四、间距设置
***一步，大家完成一、二、三后可能就会发现，卡片之间没有间距，过于密集，因此我们需要在样式面板中找到【间距】，并设置【每行】【每列】的间距为 24（可根据实际使用进行调整）；
点击右上角
分享给朋友吧
长按图片保存/分享
0
请专业顾问为您解答或演示
留下您的姓名或联系方式，会有专业工作人员免费为您服务
请专业顾问为您解答或演示
留下您的姓名或联系方式，会有专业工作人员免费为您服务
产品服务
私域直播
知识店铺
PASS服务
海外卖货
全域获客
行业方案
快销零售
知识付费
培训服务
企业服务
海外跨境
场景方案
全域获客
私域运营
内容交付
直播带货
数据化运营
下载移动端
