iview/examples/components/tableExpand.vue

44 lines
1.3 KiB
Vue
Raw Normal View History

2017-11-08 14:39:39 +08:00
<style scoped>
.expand-row{
margin-bottom: 16px;
}
</style>
2017-06-08 08:53:00 +08:00
<template>
2017-11-08 14:39:39 +08:00
<div>
<Row class="expand-row">
<Col span="8">
<span class="expand-key">Job: </span>
<span class="expand-value">{{ row.job }}</span>
</Col>
<Col span="8">
<span class="expand-key">Interest: </span>
<span class="expand-value">{{ row.interest }}</span>
</Col>
<Col span="8">
<span class="expand-key">Birthday: </span>
<span class="expand-value">{{ row.birthday }}</span>
</Col>
</Row>
<Row>
<Col span="8">
<span class="expand-key">Favorite book: </span>
<span class="expand-value">{{ row.book }}</span>
</Col>
<Col span="8">
<span class="expand-key">Favorite movie: </span>
<span class="expand-value">{{ row.movie }}</span>
</Col>
<Col span="8">
<span class="expand-key">Favorite music: </span>
<span class="expand-value">{{ row.music }}</span>
</Col>
</Row>
</div>
2017-06-08 08:53:00 +08:00
</template>
<script>
export default {
props: {
2017-11-08 14:39:39 +08:00
row: Object
2017-06-08 08:53:00 +08:00
}
2017-11-08 14:39:39 +08:00
};
2017-06-08 08:53:00 +08:00
</script>