mirror of
https://github.com/element-plus/element-plus.git
synced 2025-08-15 11:34:06 +08:00
00e1ccc2b1
* feat(components): [descriptions] add rowspan * fix: type error * Update docs/en-US/component/descriptions.md Co-authored-by: btea <2356281422@qq.com> * chore: format --------- Co-authored-by: qiang <qw13131wang@gmail.com> Co-authored-by: btea <2356281422@qq.com>
53 lines
1.8 KiB
Vue
53 lines
1.8 KiB
Vue
<template>
|
|
<el-descriptions title="Width horizontal list" border>
|
|
<el-descriptions-item
|
|
:rowspan="2"
|
|
:width="140"
|
|
label="Photo"
|
|
align="center"
|
|
>
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
|
|
/>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="Username">kooriookami</el-descriptions-item>
|
|
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
|
|
<el-descriptions-item label="Place">Suzhou</el-descriptions-item>
|
|
<el-descriptions-item label="Remarks">
|
|
<el-tag size="small">School</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="Address">
|
|
No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
|
|
<el-descriptions
|
|
title="Width vertical list"
|
|
direction="vertical"
|
|
border
|
|
style="margin-top: 20px"
|
|
>
|
|
<el-descriptions-item
|
|
:rowspan="2"
|
|
:width="140"
|
|
label="Photo"
|
|
align="center"
|
|
>
|
|
<el-image
|
|
style="width: 100px; height: 100px"
|
|
src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
|
|
/>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="Username">kooriookami</el-descriptions-item>
|
|
<el-descriptions-item label="Telephone">18100000000</el-descriptions-item>
|
|
<el-descriptions-item label="Place">Suzhou</el-descriptions-item>
|
|
<el-descriptions-item label="Remarks">
|
|
<el-tag size="small">School</el-tag>
|
|
</el-descriptions-item>
|
|
<el-descriptions-item label="Address">
|
|
No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
|
|
</el-descriptions-item>
|
|
</el-descriptions>
|
|
</template>
|