قائمة الوصف 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	—	—

تلميح

يتحكم span الخاص بكل عنصر في items بعدد الأعمدة التي يعبرها (الافتراضي 1)، ويُستخدم لتنسيق «قيمة طويلة تشغل صفًا كاملًا».