iview/test/routers/card.vue

42 lines
800 B
Vue
Raw Normal View History

2016-09-09 14:29:19 +08:00
<template>
2017-03-02 17:35:02 +08:00
<div>
2016-09-15 23:43:50 +08:00
<Card :bordered="true" style="width:300px">
<template slot="title">
2017-03-02 17:35:02 +08:00
<p>iView2.0</p>
2016-09-15 23:43:50 +08:00
</template>
2017-03-02 17:35:02 +08:00
<template slot="extra">
<Button size="small">More</Button>
</template>
<p>iView 是一套基于 Vue.js 的开源 UI 组件库主要服务于 PC 界面的中后台产品</p>
2016-09-15 23:43:50 +08:00
</Card>
2017-03-02 17:35:02 +08:00
<br><br>
2016-09-15 23:43:50 +08:00
<Card style="width:300px">
2017-03-02 17:35:02 +08:00
<p>Hello</p>
<p>iView2.0</p>
<h3>Card</h3>
2016-09-15 23:43:50 +08:00
</Card>
2017-03-02 17:35:02 +08:00
</div>
2016-09-09 14:29:19 +08:00
</template>
<script>
2017-03-02 17:35:02 +08:00
import { Card } from 'iview';
2016-09-09 14:29:19 +08:00
export default {
components: {
2016-09-15 23:43:50 +08:00
Card
2016-09-09 14:29:19 +08:00
},
props: {
2017-03-02 17:35:02 +08:00
2016-09-09 14:29:19 +08:00
},
data () {
return {
2017-03-02 17:35:02 +08:00
2016-09-09 14:29:19 +08:00
}
},
computed: {
2017-03-02 17:35:02 +08:00
2016-09-09 14:29:19 +08:00
},
methods: {
2017-03-02 17:35:02 +08:00
2016-09-09 14:29:19 +08:00
}
}
</script>