From 5cf06baafcb0a0e403fc4a0f175313ce3d0f3521 Mon Sep 17 00:00:00 2001
From: Dreamacro <305009791@qq.com>
Date: Sun, 23 Sep 2018 21:17:33 +0800
Subject: [PATCH] Add: component <Card>

---
 src/components/Card/index.tsx  | 15 +++++++++++++++
 src/components/Card/style.scss |  8 ++++++++
 src/components/index.ts        |  1 +
 3 files changed, 24 insertions(+)
 create mode 100644 src/components/Card/index.tsx
 create mode 100644 src/components/Card/style.scss

diff --git a/src/components/Card/index.tsx b/src/components/Card/index.tsx
new file mode 100644
index 0000000..ab0ee74
--- /dev/null
+++ b/src/components/Card/index.tsx
@@ -0,0 +1,15 @@
+import * as React from 'react'
+import { BaseComponentProps } from '@models/BaseProps'
+import classnames from 'classnames'
+import './style.scss'
+
+interface CardProps extends BaseComponentProps {}
+
+export const Card: React.SFC<CardProps> = props => {
+    const { className, style, children } = props
+    return (
+        <div className={classnames('card', className)} style={style}>
+            { children }
+        </div>
+    )
+}
diff --git a/src/components/Card/style.scss b/src/components/Card/style.scss
new file mode 100644
index 0000000..1763691
--- /dev/null
+++ b/src/components/Card/style.scss
@@ -0,0 +1,8 @@
+@import '~@styles/variables';
+
+.card {
+    padding: 15px;
+    box-shadow: 0 0 20px rgba($color-primary-dark, 0.2);
+    background-color: #fff;
+    border-radius: 4px;
+}
diff --git a/src/components/index.ts b/src/components/index.ts
index 6f8fc28..41e4e0c 100644
--- a/src/components/index.ts
+++ b/src/components/index.ts
@@ -2,3 +2,4 @@ export * from './Header'
 export * from './Icon'
 export * from './Proxy'
 export * from './Switch'
+export * from './Card'