Skip to content

Commit cda34aa

Browse files
wanchunwanchun
authored
fix: 固定描述列表选项content宽度,避免被撑开 (#955)
1 parent a5ee352 commit cda34aa

File tree

6 files changed

+32
-36
lines changed

6 files changed

+32
-36
lines changed

‎components/descriptions/descriptionsItem.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -197,7 +197,7 @@ export default defineComponent({
197197

198198
return () => {
199199
return (
200-
<div style={style.value}>
200+
<div class={prefixCls} style={style.value}>
201201
<label
202202
class={[
203203
`${prefixCls}-label`,

‎components/descriptions/style/index.less

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,8 @@
5050
}
5151
}
5252
&-content {
53+
flex: 1;
54+
min-width: 0;
5355
color: var(--f-text-color);
5456
&.is-bordered {
5557
.bordered();

‎docs/.vitepress/components/descriptions/borded.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<template>
2-
<FSpace vertical>
2+
<FSpace vertical align="stretch">
33
<FDescriptions title="一二三向前冲" labelPlacement="top" bordered>
44
<FDescriptionsItem label="墓封">鬼切</FDescriptionsItem>
55
<FDescriptionsItem label="墓封">魂镰</FDescriptionsItem>

‎docs/.vitepress/components/descriptions/common.vue

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -14,16 +14,14 @@
1414

1515
<FDivider />
1616

17-
<FSpace vertical>
18-
<FDescriptions title="一二三向前冲" :size="size">
19-
<FDescriptionsItem label="墓封"> 鬼切 </FDescriptionsItem>
20-
<FDescriptionsItem label="墓封">魂镰</FDescriptionsItem>
21-
<FDescriptionsItem label="墓封">寒钉</FDescriptionsItem>
22-
<FDescriptionsItem label="吃鸡">MMing</FDescriptionsItem>
23-
<FDescriptionsItem label="吃鸡">Nannnn</FDescriptionsItem>
24-
<FDescriptionsItem label="吃鸡">HSmm</FDescriptionsItem>
25-
</FDescriptions>
26-
</FSpace>
17+
<FDescriptions title="一二三向前冲" :size="size">
18+
<FDescriptionsItem label="墓封"> 鬼切 </FDescriptionsItem>
19+
<FDescriptionsItem label="墓封">魂镰</FDescriptionsItem>
20+
<FDescriptionsItem label="墓封">寒钉</FDescriptionsItem>
21+
<FDescriptionsItem label="吃鸡">MMing</FDescriptionsItem>
22+
<FDescriptionsItem label="吃鸡">Nannnn</FDescriptionsItem>
23+
<FDescriptionsItem label="吃鸡">HSmm</FDescriptionsItem>
24+
</FDescriptions>
2725
</template>
2826

2927
<script setup>

‎docs/.vitepress/components/descriptions/span.vue

Lines changed: 12 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,14 @@
11
<template>
2-
<FSpace vertical>
3-
<FDescriptions title="一二三向前冲">
4-
<FDescriptionsItem label="墓封" :span="2">
5-
很长的鬼切，很长长长长长长长....
6-
</FDescriptionsItem>
7-
<FDescriptionsItem label="墓封">魂镰</FDescriptionsItem>
8-
<FDescriptionsItem>
9-
<template #label>吃鸡</template>
10-
MMing
11-
</FDescriptionsItem>
12-
<FDescriptionsItem label="吃鸡">Nannnn</FDescriptionsItem>
13-
<FDescriptionsItem label="吃鸡">HSmm</FDescriptionsItem>
14-
</FDescriptions>
15-
</FSpace>
2+
<FDescriptions title="一二三向前冲">
3+
<FDescriptionsItem label="墓封" :span="2">
4+
<FEllipsis>很长的鬼切，很长长长长长长长很长的鬼切很长的鬼切，很长长长长长长长很长的鬼切</FEllipsis>
5+
</FDescriptionsItem>
6+
<FDescriptionsItem label="墓封">魂镰</FDescriptionsItem>
7+
<FDescriptionsItem>
8+
<template #label>吃鸡</template>
9+
MMing
10+
</FDescriptionsItem>
11+
<FDescriptionsItem label="吃鸡">Nannnn</FDescriptionsItem>
12+
<FDescriptionsItem label="吃鸡">HSmm</FDescriptionsItem>
13+
</FDescriptions>
1614
</template>

‎docs/.vitepress/components/descriptions/top.vue

Lines changed: 8 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,12 @@
11
<template>
2-
<FSpace vertical>
3-
<FDescriptions title="一二三向前冲" labelPlacement="top">
4-
<FDescriptionsItem label="墓封"> 鬼切 </FDescriptionsItem>
5-
<FDescriptionsItem label="墓封">魂镰</FDescriptionsItem>
6-
<FDescriptionsItem label="墓封">寒钉</FDescriptionsItem>
7-
<FDescriptionsItem label="吃鸡">MMing</FDescriptionsItem>
8-
<FDescriptionsItem label="吃鸡">Nannnn</FDescriptionsItem>
9-
<FDescriptionsItem label="吃鸡">HSmm</FDescriptionsItem>
10-
</FDescriptions>
11-
</FSpace>
2+
<FDescriptions title="一二三向前冲" labelPlacement="top">
3+
<FDescriptionsItem label="墓封"> 鬼切 </FDescriptionsItem>
4+
<FDescriptionsItem label="墓封">魂镰</FDescriptionsItem>
5+
<FDescriptionsItem label="墓封">寒钉</FDescriptionsItem>
6+
<FDescriptionsItem label="吃鸡">MMing</FDescriptionsItem>
7+
<FDescriptionsItem label="吃鸡">Nannnn</FDescriptionsItem>
8+
<FDescriptionsItem label="吃鸡">HSmm</FDescriptionsItem>
9+
</FDescriptions>
1210
</template>
1311

1412
<script>

0 commit comments

Comments
 (0)