Descriptions 描述列表

以表格形式呈現條目化的鍵值資訊，支援列數與邊框控制。

描述列表

<template>
  <div class="demo-col">
    <LhDescriptions title="溪山行旅圖 · 著錄資訊" :column="2" border :items="items" />
    <LhDescriptions title="溪山行旅圖 · 無邊框" :column="3" :items="itemsPlain" />
  </div>
</template>

<script>
export default {
  data: () => ({
    items: [
      { label: '作者', value: '范寬' },
      { label: '年代', value: '北宋' },
      { label: '材質', value: '絹本水墨' },
      { label: '收藏', value: '台北故宮博物院', span: 2 },
    ],
    itemsPlain: [
      { label: '作者', value: '范寬' },
      { label: '年代', value: '北宋' },
      { label: '材質', value: '絹本水墨' },
    ],
  }),
}
</script>

Props

屬性	說明	類型	預設值
title	標題	string	''
column	每行展示的條目列數	number	3
border	展示邊框	boolean	false
items	條目列表；label / value / span 三元組	LhDescriptionsItem[]	[]
sx	sx 快速佈局屬性	—	—

提示

items 的 span 控制該條目橫跨的列數（預設 1），用於「長值佔整行」的排版。