<ScenesWidget>

INFO

<ScenesWidget> 组件必须在 <Provider> 组件内使用。

<ScenesWidget> 组件用于展示场景列表，可以自定义展示每个场景的内容。通过此组件，用户可以方便地查看和管理多个场景。

使用示例

精简版

在精简版中，直接使用 <ScenesWidget> 组件，默认展示场景列表，无需额外定制：

<template>
    <ScenesWidget></ScenesWidget>
</template>

定制版

您可以通过插槽自定义每个场景项的展示内容。例如，您可以定制场景内容和空数据时的提示：

<template>
    <ScenesWidget>
        <template #content="item">{{ item.props.title || item.title }}</template>
        <template #empty>没有数据</template>
    </ScenesWidget>
</template>

插槽说明

• #content：自定义场景项的显示内容。item 参数包含每个场景的数据，通常可以访问 title 或其他场景相关的属性。示例中使用 item.props.title 或 item.title 来显示场景标题。
• #empty：当没有场景数据时显示的内容提示。

注意事项

• <Provider> 组件：<ScenesWidget> 必须被包含在 <Provider> 组件内，以确保正确的上下文和功能支持。
• 插槽自定义：通过 #content 插槽，您可以灵活定制场景列表的展示方式，包括展示特定字段或使用自定义组件。
• 空数据提示：通过 #empty 插槽，您可以自定义空数据时的提示信息，提供更友好的用户体验。