Эх сурвалжийг харах

docs: add description-list demo

Sendya 6 жил өмнө
parent
commit
9140840d3b
1 өөрчлөгдсөн 19 нэмэгдсэн , 1 устгасан
  1. 19 1
      src/views/Home.vue

+ 19 - 1
src/views/Home.vue

@@ -121,6 +121,19 @@
         <tag-select-option value="cat7">类目7</tag-select-option>
       </tag-select>
     </a-card>
+
+    <h2># DescriptionList 组件 </h2>
+
+    <a-divider> DescriptionList </a-divider>
+    <a-card style="margin-bottom: 3rem">
+      <description-list title="组名称" size="small">
+        <description-list-item term="负责人">林东东</description-list-item>
+        <description-list-item term="角色码">1234567</description-list-item>
+        <description-list-item term="所属部门">XX公司-YY部</description-list-item>
+        <description-list-item term="过期时间">2018-08-08</description-list-item>
+        <description-list-item term="描述">这段描述很长很长很长很长很长很长很长很长很长很长很长很长很长很长...</description-list-item>
+      </description-list>
+    </a-card>
   </div>
 </template>
 
@@ -133,10 +146,13 @@ import CountDown from '@/components/CountDown/CountDown'
 import Ellipsis from '@/components/Ellipsis'
 import NumberInfo from '@/components/NumberInfo'
 import TagSelect from '@/components/TagSelect'
+import { DescriptionList } from '@/components/'
 
 const AvatarListItem = AvatarList.AvatarItem
 const TagSelectOption = TagSelect.Option
 
+const DescriptionListItem = DescriptionList.Item
+
 export default {
   name: 'Home',
   components: {
@@ -147,7 +163,9 @@ export default {
     AvatarList,
     AvatarListItem,
     TagSelect,
-    TagSelectOption
+    TagSelectOption,
+    DescriptionList,
+    DescriptionListItem
   },
   data () {
     return {