> For the complete documentation index, see [llms.txt](https://bothub.gitbook.io/project/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://bothub.gitbook.io/project/basic-knowledge/content-management/list-card.md).

# 列表卡片

在这里，我们将为您一一介绍内容管理中您可使用的内容编辑类型。

## 列表卡片 <a href="#lie-biao-ka-pian" id="lie-biao-ka-pian"></a>

列表卡片，也就是将一组项目垂直排列组成的一张卡片，项目的组织方式类似于我们日常熟悉的“列表”。\
【图片】此处需要列表卡片编辑页的演示图和实际图

## 列表卡片 <a href="#lie-biao-ka-pian" id="lie-biao-ka-pian"></a>

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LCDA5F3QFnzocc7kiN9%2F-LCDifiFYbIimM4iDNbU%2Fp2f4p501.png?alt=media\&token=e5474c36-1253-4cdb-9dfd-c490f1a4f6e6)

* 列表由多个项目和一个列表按钮（可选）组成；
* 每个项目可以包括：图片/标题/描述文字（可选）/按钮（可选）；
* 项目按钮：每个项目里的按钮是可选的，但一个列表里所有项目是否提供按钮是统一的，即每个项目都有按钮或者都没有按钮。按钮可以添加链接。每个项目最多一个项目按钮。
* 列表按钮：每个列表最后还可以添加一个列表按钮，位置在列表的最下方，可以对列表按钮添加链接或者回调。一个列表最多添加一个列表按钮。
* 数量限制：每个列表卡片最少包含2个项目，最多包含4个项目。

## 列表展示方式

####

**首项增强型**：

列表的第一个项目会配有更大的底图，底图上会显示标题和描述文字。这种方式会使得第一个项目相对以下的其他项目会在视觉上更加明显。&#x20;

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LCDA5F3QFnzocc7kiN9%2F-LCDmWLzMLsWNwGfmPNw%2Fp2f4p502.png?alt=media\&token=c509a01c-3c55-4ca7-852a-0f0f5ee4dbd7)

2\. **常规列表型**：列表里的所有项目都以相同的展示方式呈现，没有项目会被突出显示

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LCDA5F3QFnzocc7kiN9%2F-LCRQcF3xBMBfQKOBocf%2Fp2f4p503.png?alt=media\&token=34572c0c-01ad-4410-8a76-50f425cc01be)

## 如何设置

每个项目的可设置项和一般的橱窗卡片类似，您可以点击相应的位置来设置标题、描述、链接和图片。图片可以点击本地上传或者点击图片链接输入图片地址即可。同时，您可以点击“添加模板”来添加一个新的项目，把鼠标悬浮在项目的上方会出现红色垃圾桶图标，点击即可删除该项目。

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LCDA5F3QFnzocc7kiN9%2F-LCRR-tGHwZhO7BUOBh1%2Fp2f4p504.jpg?alt=media\&token=47047fbe-842d-487a-a8c7-70a43d460f36)

{% hint style="success" %}
点击“添加按钮”可以添加列表按钮。有各种丰富的按钮功能可以实现。
{% endhint %}

![](https://3545383198-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LBxiFMKIFEMsz8J7IuU%2F-LCDA5F3QFnzocc7kiN9%2F-LCRR91mpl8xmYxxd40f%2Fp2f4p505.jpg?alt=media\&token=67a1dad7-0c6d-4f71-a3fc-e667dd7adfab)

下一步，我们介绍一下Messenger提供&#x7684;***系统菜单功能***
