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>
|