关注我们卡片

主题墨水中大而自信,提供的社交账号附带可选二维码,一扫即可关注。

以列表、网格或行显示提供的社交账号,带可选二维码链接。区块大小根据内容调整:一两个账号大而平静,少数账号填满二维码旁的清晰列表,超出则分页轮换,字体不低于底线。黄金时段添加错落的账号进入动画、青色网络标记、下三分之一勾选和缓慢的@符号背景。二维码保持原始黑白模块和静默区不动。

直播卡片

此卡由浏览器绘制,使用与播放器相同的代码,带示例数据。

类别:媒体。标签:社交与观众,二维码,商店,餐厅与咖啡馆。

布局

此全屏卡在横屏或竖屏时填满整个屏幕,不作为角落、芯片或条带放置。

布局:全屏。表单:横向,纵向。

卡片布局、主题和发布。浏览卡片。

数据与隐私

此卡使用其配置的属性和实时卡数据。

属性

有关主题、背景、强调色和位置,请参见通用属性。

创建卡片时,在卡片的params中设置静态属性。其数据文档仅包含动态属性。嵌套行描述其父属性的内容。

静态属性

名称类型默认数值和限制描述
handlesarrayminItems:1;maxItems:8;必填
handles[].networkstring"instagram"、"facebook"、"x"、"linkedin"、"tiktok"、"youtube"、"threads"、"whatsapp"、"pinterest"、"spotify"、"snapchat"、"discord"、"email"、"web";必填
handles[].handlestringminLength:1;maxLength:80;必填
handles[].urlstring""maxLength:2048
titlestring"Follow us"maxLength:60
qrstring""maxLength:1024设置后,二维码显示在控件旁,打开此链接。
backgroundColor字符串,空值null模式:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"用纯色 CSS 顺序覆盖卡片背景和底板。#RRGGBBAA 提供透明度。背景无则优先。
textColor字符串,空值null模式:"^#[0-9A-Fa-f]{6}([0-9A-Fa-f]{2})?$"覆盖主文本和次要文本颜色。强调色和语义状态色保持原有功能。

动态属性

此卡无动态属性。

画布示例

将静态属性保存为 params.json 并创建卡片。结果中包含它的 crd_ ID。

{
  "theme": "neomustard",
  "handles": [
    {
      "network": "instagram",
      "handle": "Example"
    }
  ]
}
screenrig card create --type follow-us --major 1 --file params.json

将此项目添加到播放列表页面的primitives中,并用该 ID 替换示例中的 ID。发布播放列表并分配屏幕。

{
  "id": "follow-us",
  "primitive": "card",
  "card": "crd_01EXAMPLECARD000000000",
  "layout": "full",
  "content_fit": "fill"
}