---
uuid: "b2724688-9593-48fd-a5af-56cb8d26c574"
type: "concept"
title: "目录列表"
sidebar_position: 7
description: "「目录列表」组件可将账号下某个活码目录自动汇总展示在一个二维码页面上，目录有变动时自动同步，无需手动维护。包含适用场景、设置步骤，以及与跳转链接、目录汇总码的区别。"
keywords:
  - 二维码目录列表
  - 草料二维码目录组件
  - 活码目录汇总
  - 产品画册二维码
  - 多码汇总展示
cl_old_blog_id: "100206"
cl_old_blog_url: "https://cli.im/help/100206"
last_update:
  date: "2026-04-10"
---

「目录列表」是活码编辑器中的一个组件，可以将账号下某个活码目录汇总展示在一个二维码页面上。目录下的二维码有新增、修改或删除时，目录列表会自动同步更新，不需要手动维护。

## 一、适用场景

- **零售贸易**：产品画册、产品说明书合集、常见问题汇总
- **旅游行业**：旅游路线汇总、民宿房间介绍、攻略目录
- **教育教培**：课程资料集，如音乐课程汇总、安全培训课程汇总
- **制造业**：处置预案、设备资料合集、项目资料
- **行政事业单位**：办事指南、文本范书、资料模板

![目录列表效果展示](https://blogcdnimg.clewm.net/2025/03/Frame-758532798_17415884224102.png)

## 二、功能入口

在活码编辑器的正文工具栏中，点击「目录」即可添加。

![目录列表入口](https://blogcdnimg.clewm.net/2025/03/Frame-758532795_17415931090680.png)

> **提示**：如果你已有二维码，在管理后台找到它并点击「编辑」即可进入编辑器；如果还没有二维码，可以通过「空白新建」或「使用模板新建」进入。

## 三、设置步骤

1. **选择组件样式**：根据展示需要选择列表样式
2. **选择活码目录**：选择需要汇总展示的目录
3. **设置目录效果**：包括标题、预览图、排序等

![目录列表设置步骤](https://blogcdnimg.clewm.net/2025/03/Frame-758532799_17415935666484.png)

## 四、常见问题

### 1. 目录列表组件和跳转链接有什么区别？

目录列表组件会自动同步目录下的变化——新增或删除二维码后，组件内容自动更新，不需要手动维护。

[跳转链接](/help/content-display/redirect-link/redirect-link-overview)则需要手动指定每个链接目标。如果指定的活码被删除，需要手动移除对应链接。跳转链接的展示效果也需要逐个制作。

如果你有很多码且后期还会持续新增，推荐使用目录列表组件，制作效率更高，维护成本更低。

### 2. 目录列表组件和目录汇总码有什么区别？

[目录汇总码](/help/qr-code-and-data/qr-code-management/directory-summary-qr-code)可以理解为一个自动生成的、只包含目录列表的活码。它不需要手动编辑就能直接使用，但不能在码上添加其他内容，样式选择也较少。

如果你只需要把目录下的码汇总到一个入口，目录汇总码更快捷；如果你还想在汇总码上添加其他内容（比如介绍文字、联系方式），请使用目录列表组件。

### 3. 默认的文件夹和活码图标可以修改吗？

可以，通过设置「预览图」来替换默认图标：

- **目录预览图**：管理后台 → 左侧菜单「活码」→ 找到目录 → 点击目录右侧的「...」→「预览图设置」

![目录预览图设置](https://blogcdnimg.clewm.net/2025/03/Frame-758532800_17415968465661.png)

- **活码预览图**：管理后台 → 左侧菜单「活码」→ 找到活码 → 点击最右侧的「...」→「预览图设置」

![活码预览图设置](https://blogcdnimg.clewm.net/2025/03/Frame-758532801_17415971903918.png)

### 4. 可以批量修改活码的缩略图吗？

可以。在添加目录列表组件时，点击「选择目录」，选中目标目录后，将鼠标移到该目录上，点击右侧的「修改目录内容」。在弹框中会显示该目录下的所有活码，将鼠标移到每个活码左侧的缩略图上即可更换。

![批量修改缩略图](https://blogcdnimg.clewm.net/2025/05/1111_17485863526328.png)