add a material demo (#2)

@@ -59,3 +59,8 @@ typings/
 
 
 # next.js build output
 # next.js build output
 .next
 .next
+
+# umi
+pages
+.umi
+.umi-production

+export default {
+  plugins: [
+    ['umi-plugin-material-dev', {}],
+  ],
+}

+export function getText() {
+  return 'I am a demo material of umi.';
+};

@@ -4,12 +4,20 @@
   "description": "a demo material of umi",
   "description": "a demo material of umi",
   "main": "src/index.js",
   "main": "src/index.js",
   "scripts": {
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "dev": "umi dev"
   },
   },
   "repository": {
   "repository": {
     "type": "git",
     "type": "git",
     "url": "https://github.com/umijs/umi-materials/demo"
     "url": "https://github.com/umijs/umi-materials/demo"
   },
   },
+  "dependencies": {
+    "react": ">=16",
+    "antd": "^3.0.0"
+  },
+  "devDependencies": {
+    "umi": "^2.0.0",
+    "umi-plugin-material-dev": "*"
+  },
   "author": "yutingzhao1991 <yutingzhao1991@sina.com>",
   "author": "yutingzhao1991 <yutingzhao1991@sina.com>",
   "license": "ISC"
   "license": "ISC"
 }
 }

+import { getText } from '@/utils';
+import styles from './index.less';
+
 export default () => {
 export default () => {
-  return <div>I am a demo material of umi.</div>
+  return <div className={styles.container}>{getText()}</div>
 }
 }

+.container {
+  color: red;
+}