Skip to content

Commit 9140840

Browse files
committed
docs: add description-list demo
1 parent ff3b309 commit 9140840

File tree

1 file changed

+19
-1
lines changed

1 file changed

+19
-1
lines changed

src/views/Home.vue

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -121,6 +121,19 @@
121121
<tag-select-option value="cat7">类目7</tag-select-option>
122122
</tag-select>
123123
</a-card>
124+
125+
<h2># DescriptionList 组件 </h2>
126+
127+
<a-divider> DescriptionList </a-divider>
128+
<a-card style="margin-bottom: 3rem">
129+
<description-list title="组名称" size="small">
130+
<description-list-item term="负责人">林东东</description-list-item>
131+
<description-list-item term="角色码">1234567</description-list-item>
132+
<description-list-item term="所属部门">XX公司-YY部</description-list-item>
133+
<description-list-item term="过期时间">2018-08-08</description-list-item>
134+
<description-list-item term="描述">这段描述很长很长很长很长很长很长很长很长很长很长很长很长很长很长...</description-list-item>
135+
</description-list>
136+
</a-card>
124137
</div>
125138
</template>
126139

@@ -133,10 +146,13 @@ import CountDown from '@/components/CountDown/CountDown'
133146
import Ellipsis from '@/components/Ellipsis'
134147
import NumberInfo from '@/components/NumberInfo'
135148
import TagSelect from '@/components/TagSelect'
149+
import { DescriptionList } from '@/components/'
136150
137151
const AvatarListItem = AvatarList.AvatarItem
138152
const TagSelectOption = TagSelect.Option
139153
154+
const DescriptionListItem = DescriptionList.Item
155+
140156
export default {
141157
name: 'Home',
142158
components: {
@@ -147,7 +163,9 @@ export default {
147163
AvatarList,
148164
AvatarListItem,
149165
TagSelect,
150-
TagSelectOption
166+
TagSelectOption,
167+
DescriptionList,
168+
DescriptionListItem
151169
},
152170
data () {
153171
return {

0 commit comments

Comments
 (0)