Support Card

test/app.vue

@@ -30,6 +30,7 @@ li + li { border-left: solid 1px #bbb; padding-left: 10px; margin-left: 10px; }
                 <li><router-link to="/upload">Upload</router-link></li>
                 <li><router-link to="/collapse">Collapse</router-link></li>
                 <li><router-link to="/carousel">Carousel</router-link></li>
+                <li><router-link to="/card">Card</router-link></li>
             </ul>
         </nav>
         <router-view></router-view>

test/main.js

@@ -84,6 +84,10 @@ const router = new VueRouter({
         {
             path: '/carousel',
             component: require('./routers/carousel.vue')
+        },
+        {
+            path: '/card',
+            component: require('./routers/card.vue')
         }
     ]
 });

test/routers/card.vue

@@ -1,38 +1,42 @@
 <template>
+<div>
     <Card :bordered="true" style="width:300px">
         <template slot="title">
-            <p>放寒假的发货会计师</p>
+            <p>iView2.0</p>
         </template>
-        <a href="#" slot="extra">More</a>
+        <template slot="extra">
+            <Button size="small">More</Button>
+        </template>
+        <p>iView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。</p>
     </Card>
+    <br><br>
     <Card style="width:300px">
-        <p>hello</p>
-        <p>hndshf</p>
-        <h3>jfds</h3>
+        <p>Hello</p>
+        <p>iView2.0</p>
+        <h3>Card</h3>
     </Card>
+</div>
 </template>
 <script>
-    import { Row, Col, Card } from 'iview';
+    import { Card } from 'iview';
 
     export default {
         components: {
-            Row,
-            iCol: Col,
             Card
         },
         props: {
-        
+
         },
         data () {
             return {
-            
+
             }
         },
         computed: {
-        
+
         },
         methods: {
-        
+
         }
     }
 </script>