diff --git a/src/card/index.js b/src/card/index.tsx
similarity index 98%
rename from src/card/index.js
rename to src/card/index.tsx
index 3d1d6fb7f..6a1d86d9e 100644
--- a/src/card/index.js
+++ b/src/card/index.tsx
@@ -66,9 +66,9 @@ export default createComponent({
       return (
         <Image
           src={props.thumb}
+          fit="cover"
           width="100%"
           height="100%"
-          fit="cover"
           lazyLoad={props.lazyLoad}
         />
       );
@@ -95,14 +95,13 @@ export default createComponent({
       if (slots.desc) {
         return slots.desc();
       }
-
       if (props.desc) {
         return <div class={[bem('desc'), 'van-ellipsis']}>{props.desc}</div>;
       }
     };
 
     const renderPriceText = () => {
-      const priceArr = props.price.toString().split('.');
+      const priceArr = props.price!.toString().split('.');
       return (
         <div>
           <span class={bem('price-currency')}>{props.currency}</span>