Skip to content

Commit 78dc143

Browse files
committed
feat(card): replace title span with div (#2812)
* feat(card): replace title span with div * feat(card): replace title span with div
1 parent bda785b commit 78dc143

File tree

3 files changed

+48
-48
lines changed

3 files changed

+48
-48
lines changed

src/card/card.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -124,8 +124,8 @@ export default defineComponent({
124124
<div class={this.headerWrapperCls}>
125125
{this.showAvatar && <div class={this.headerAvatarCls}>{renderTNodeJSX(this, 'avatar')}</div>}
126126
<div>
127-
{this.showTitle && <span class={this.headerTitleCls}>{renderTNodeJSX(this, 'title')}</span>}
128-
{this.showSubtitle && <span class={this.headerSubTitleCls}>{renderTNodeJSX(this, 'subtitle')}</span>}
127+
{this.showTitle && <div class={this.headerTitleCls}>{renderTNodeJSX(this, 'title')}</div>}
128+
{this.showSubtitle && <div class={this.headerSubTitleCls}>{renderTNodeJSX(this, 'subtitle')}</div>}
129129
{this.showDescription && <p class={this.headerDescriptionCls}>{renderTNodeJSX(this, 'description')}</p>}
130130
</div>
131131
</div>

test/snap/__snapshots__/csr.test.js.snap

Lines changed: 34 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -20725,11 +20725,11 @@ exports[`csr snapshot test > csr test ./src/card/_example/base.vue 1`] = `
2072520725
class="t-card__header-wrapper"
2072620726
>
2072720727
<div>
20728-
<span
20728+
<div
2072920729
class="t-card__title"
2073020730
>
2073120731
标题
20732-
</span>
20732+
</div>
2073320733
</div>
2073420734
</div>
2073520735
<div
@@ -20780,11 +20780,11 @@ exports[`csr snapshot test > csr test ./src/card/_example/bordered-none.vue 1`]
2078020780
class="t-card__header-wrapper"
2078120781
>
2078220782
<div>
20783-
<span
20783+
<div
2078420784
class="t-card__title"
2078520785
>
2078620786
标题
20787-
</span>
20787+
</div>
2078820788
</div>
2078920789
</div>
2079020790
<div
@@ -21386,11 +21386,11 @@ exports[`csr snapshot test > csr test ./src/card/_example/header.vue 1`] = `
2138621386
class="t-card__header-wrapper"
2138721387
>
2138821388
<div>
21389-
<span
21389+
<div
2139021390
class="t-card__title"
2139121391
>
2139221392
标题
21393-
</span>
21393+
</div>
2139421394
</div>
2139521395
</div>
2139621396
<div
@@ -21424,16 +21424,16 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-all-props.vue 1
2142421424
class="t-card__header-wrapper"
2142521425
>
2142621426
<div>
21427-
<span
21427+
<div
2142821428
class="t-card__title"
2142921429
>
2143021430
标题
21431-
</span>
21432-
<span
21431+
</div>
21432+
<div
2143321433
class="t-card__subtitle"
2143421434
>
2143521435
副标题
21436-
</span>
21436+
</div>
2143721437
<p
2143821438
class="t-card__description"
2143921439
>
@@ -21467,11 +21467,11 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-bordered.vue 1`
2146721467
class="t-card__header-wrapper"
2146821468
>
2146921469
<div>
21470-
<span
21470+
<div
2147121471
class="t-card__title"
2147221472
>
2147321473
标题
21474-
</span>
21474+
</div>
2147521475
</div>
2147621476
</div>
2147721477
<div
@@ -21505,11 +21505,11 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-description.vue
2150521505
class="t-card__header-wrapper"
2150621506
>
2150721507
<div>
21508-
<span
21508+
<div
2150921509
class="t-card__title"
2151021510
>
2151121511
标题
21512-
</span>
21512+
</div>
2151321513
<p
2151421514
class="t-card__description"
2151521515
>
@@ -21569,11 +21569,11 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-footer-actions.
2156921569
</div>
2157021570
</div>
2157121571
<div>
21572-
<span
21572+
<div
2157321573
class="t-card__title"
2157421574
>
2157521575
标题
21576-
</span>
21576+
</div>
2157721577
<p
2157821578
class="t-card__description"
2157921579
>
@@ -21719,16 +21719,16 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle.vue 1`
2171921719
class="t-card__header-wrapper"
2172021720
>
2172121721
<div>
21722-
<span
21722+
<div
2172321723
class="t-card__title"
2172421724
>
2172521725
标题
21726-
</span>
21727-
<span
21726+
</div>
21727+
<div
2172821728
class="t-card__subtitle"
2172921729
>
2173021730
副标题
21731-
</span>
21731+
</div>
2173221732
</div>
2173321733
</div>
2173421734
<div
@@ -21757,16 +21757,16 @@ exports[`csr snapshot test > csr test ./src/card/_example/header-subtitle-footer
2175721757
class="t-card__header-wrapper"
2175821758
>
2175921759
<div>
21760-
<span
21760+
<div
2176121761
class="t-card__title"
2176221762
>
2176321763
标题
21764-
</span>
21765-
<span
21764+
</div>
21765+
<div
2176621766
class="t-card__subtitle"
2176721767
>
2176821768
副标题
21769-
</span>
21769+
</div>
2177021770
</div>
2177121771
</div>
2177221772
<div
@@ -21912,11 +21912,11 @@ exports[`csr snapshot test > csr test ./src/card/_example/hover.vue 1`] = `
2191221912
class="t-card__header-wrapper"
2191321913
>
2191421914
<div>
21915-
<span
21915+
<div
2191621916
class="t-card__title"
2191721917
>
2191821918
标题
21919-
</span>
21919+
</div>
2192021920
</div>
2192121921
</div>
2192221922
<div
@@ -21948,11 +21948,11 @@ exports[`csr snapshot test > csr test ./src/card/_example/small.vue 1`] = `
2194821948
class="t-card__header-wrapper"
2194921949
>
2195021950
<div>
21951-
<span
21951+
<div
2195221952
class="t-card__title"
2195321953
>
2195421954
标题
21955-
</span>
21955+
</div>
2195621956
</div>
2195721957
</div>
2195821958
<div
@@ -91484,11 +91484,11 @@ exports[`csr snapshot test > csr test ./src/space/_example/vertical.vue 1`] = `
9148491484
class="t-card__header-wrapper"
9148591485
>
9148691486
<div>
91487-
<span
91487+
<div
9148891488
class="t-card__title"
9148991489
>
9149091490
标题
91491-
</span>
91491+
</div>
9149291492
</div>
9149391493
</div>
9149491494
<div
@@ -91517,11 +91517,11 @@ exports[`csr snapshot test > csr test ./src/space/_example/vertical.vue 1`] = `
9151791517
class="t-card__header-wrapper"
9151891518
>
9151991519
<div>
91520-
<span
91520+
<div
9152191521
class="t-card__title"
9152291522
>
9152391523
标题
91524-
</span>
91524+
</div>
9152591525
</div>
9152691526
</div>
9152791527
<div
@@ -91550,11 +91550,11 @@ exports[`csr snapshot test > csr test ./src/space/_example/vertical.vue 1`] = `
9155091550
class="t-card__header-wrapper"
9155191551
>
9155291552
<div>
91553-
<span
91553+
<div
9155491554
class="t-card__title"
9155591555
>
9155691556
标题
91557-
</span>
91557+
</div>
9155891558
</div>
9155991559
</div>
9156091560
<div

0 commit comments

Comments
 (0)