图片展示

图片展示
图片展示

请输入你要找的问题关键词

搜索
图片展示

怎么配置卡片(分享卡片的样式设计)

发表时间: 2023-07-18 15:19:06

作者: 小鹅通开通

浏览:

所需原件:中继器本文主要讲解中继器的基本用法,以便大家更容易去理解和学习中继器的高级用法,入门教程会分为 6 个小节,本节主要讲解如何通过中继器快速制作卡片列表

所需原件:

中继器

本文主要讲解中继器的基本用法,以便大家更容易去理解和学习中继器的高级用法,入门教程会分为 6 个小节,本节主要讲解如何通过中继器快速制作卡片列表

一、卡片制作

拖入中继器,双击中继器,删除中继器默认带出的矩形,拖要制作卡片的元件,示例中使用了矩形(卡片背景)、图片(卡片图标)、文本标签(卡片标题、描述文本、操作按钮);并按照自己的想法将元件做好布局;

二、中继器赋值

关闭中继器编辑窗口,选中中继器,在样式模块中,编辑中继器的数据,如上图,注意设置好数据表头的名称,以便在赋值时快速查找;

特别地,图片的数据,需要鼠标右击数据,通过【导图图片】进行设置,如上图所示;

新建交互,添加【每项加载】时设置文本和设置图片(图片需要通过此动作设置)的交互动作,设置完毕,页面将会实时更新中继器的列表内容,如上图所示;

三、布局设置

赋值完成后,中继器默认【垂直】布局方式,在中继器的样式面板,找到【布局】,并将布局方式设置为【水平】,勾选【网格排布】,并设置每行项数量为【4】(可根据实际使用进行调整);

四、间距设置

最后一步,大家完成一、二、三后可能就会发现,卡片之间没有间距,过于密集,因此我们需要在样式面板中找到【间距】,并设置【每行】【每列】的间距为 24(可根据实际使用进行调整);



怎么配置卡片(分享卡片的样式设计)
所需原件:中继器本文主要讲解中继器的基本用法,以便大家更容易去理解和学习中继器的高级用法,入门教程会分为 6 个小节,本节主要讲解如何通过中继器快速制作卡片列表
长按图片保存/分享
0
广告

申请免费试用

  • 姓名 *

  • 电话 *

  • 公司名称 *

  • 提交免费试用

17398986898

周一至周日8:30--17:00

 

扫一扫添加客服微信

或者拨打电话:17398986898

场景

全域获客

私域运营

直播带货

数据化运营


行业

快消零售

培训行业

知识付费

企业服务

跨境出海

产品

私域直播

知识店铺

全域运营

小鹅云

海外版eLink

服务

小鹅创业社区

本地社群

教练联盟

小鹅通训练营

对话标杆

扫一扫添加客服微信

或者拨打电话:17398986898

客服中心
热线电话
400-102-0798
上班时间
周一到周五
二维码
扫码关注
添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功!
添加微信好友,详细了解产品
我知道了