@xwink/ui

    Accordion

    一组可展开的项(常见问题、设置分组)。type="single"(缺省)同时只开一项,multiple 可多开;键盘上下键在标题间移动、Home / End 跳到首尾,aria-expanded 与 aria-controls 交给 Reka。单独一块的展开收起用 XDisclosure。

    单开与多开

    到期前在「会员」页点续期,按当前等级的价格续一个周期。

    • 各项内容写在以 value 命名的插槽里(#billing);没单独写的项落到默认插槽,作用域给 item。标题可以用 #title 插槽整体替换。
    • v-model:单开是字符串(全收起为 undefined),多开是数组。collapsible(缺省开)决定单开时能否把开着的那项再点收起。
    • 标题包在 h3 里,读屏按标题导航能跳到每一项;展开收起按内容高度动画,减弱动效时直接开合。

    API

    Props

    名称类型默认值说明
    items 必填 AccordionItem[]——
    type"single" | "multiple" | undefined"single"single(缺省)同时只开一项,multiple 可多开
    collapsibleboolean | undefinedtruesingle 时能否把开着的那项再点收起,缺省可以
    size"mini" | "small" | "medium" | "large" | "super" | undefinedundefined尺寸:mini / small / medium(默认) / large / super;不传则跟随环境 data-size
    modelValuestring | string[] | undefined——

    Emits

    事件载荷说明
    update:modelValue[value: string | string[] | undefined]—

    Slots

    插槽说明
    default—
    title—