blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

fix(Card): render correctly when the price is an integer (#12917)

Browse Source
This commit is contained in:
inottn 2024-06-05 22:28:05 +08:00 committed by GitHub
parent f937005f2b
commit 4d1e1b5871
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/vant/src/card/Card.tsx
View File

@ -108,8 +108,12 @@ export default defineComponent({
return ( return (
<div> <div>
<span class={bem('price-currency')}>{props.currency}</span> <span class={bem('price-currency')}>{props.currency}</span>
<span class={bem('price-integer')}>{priceArr[0]}</span>. <span class={bem('price-integer')}>{priceArr[0]}</span>
<span class={bem('price-decimal')}>{priceArr[1]}</span> {priceArr.length > 1 && (
<>
.<span class={bem('price-decimal')}>{priceArr[1]}</span>
</>
)}
</div> </div>
); );
}; };

3
packages/vant/src/card/test/__snapshots__/demo-ssr.spec.ts.snap
View File

@ -44,6 +44,7 @@ exports[`should render demo and match snapshot 1`] = `
<span class="van-card__price-integer"> <span class="van-card__price-integer">
2 2
</span> </span>
<!--[-->
. .
<span class="van-card__price-decimal"> <span class="van-card__price-decimal">
00 00
@ -109,6 +110,7 @@ exports[`should render demo and match snapshot 1`] = `
<span class="van-card__price-integer"> <span class="van-card__price-integer">
2 2
</span> </span>
<!--[-->
. .
<span class="van-card__price-decimal"> <span class="van-card__price-decimal">
00 00
@ -183,6 +185,7 @@ exports[`should render demo and match snapshot 1`] = `
<span class="van-card__price-integer"> <span class="van-card__price-integer">
2 2
</span> </span>
<!--[-->
. .
<span class="van-card__price-decimal"> <span class="van-card__price-decimal">
00 00

10
packages/vant/src/card/test/index.spec.ts
View File

@ -86,3 +86,13 @@ test('should render price and price-top slot correctly', () => {
expect(wrapper.html()).toMatchSnapshot(); expect(wrapper.html()).toMatchSnapshot();
}); });
test('should render correctly when the price is an integer', () => {
const wrapper = mount(Card, {
props: {
price: 12,
},
});
expect(wrapper.find('.van-card__price').text()).toEqual('¥12');
});

1
packages/vant/src/swipe-cell/test/__snapshots__/demo-ssr.spec.ts.snap
View File

@ -115,6 +115,7 @@ exports[`should render demo and match snapshot 1`] = `
<span class="van-card__price-integer"> <span class="van-card__price-integer">
2 2
</span> </span>
<!--[-->
. .
<span class="van-card__price-decimal"> <span class="van-card__price-decimal">
00 00