Support Card
This commit is contained in:
parent
bb71140e7b
commit
a8cb711cb8
5 changed files with 32 additions and 19 deletions
|
@ -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>
|
||||
|
|
|
@ -84,6 +84,10 @@ const router = new VueRouter({
|
|||
{
|
||||
path: '/carousel',
|
||||
component: require('./routers/carousel.vue')
|
||||
},
|
||||
{
|
||||
path: '/card',
|
||||
component: require('./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>
|
Loading…
Add table
Add a link
Reference in a new issue