drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Table expand support set column header, and close #1299

Browse source
This commit is contained in:
梁灏 2017-09-03 11:40:48 +08:00
parent 6c97e57a80
commit 8a392d25fc
3 changed files with 97 additions and 131 deletions
Download patch file Download diff file Expand all files Collapse all files

51
examples/components/test.vue
View file

@ -1,20 +1,39 @@
<template>
<Dropdown transfer>
<a href="javascript:void(0)">
下拉菜单
<Icon type="arrow-down-b"></Icon>
</a>
<Dropdown-menu slot="list">
<Dropdown-item>驴打滚</Dropdown-item>
<Dropdown-item>炸酱面</Dropdown-item>
<Dropdown-item disabled>豆汁儿</Dropdown-item>
<Dropdown-item>冰糖葫芦</Dropdown-item>
<Dropdown-item divided>北京烤鸭</Dropdown-item>
</Dropdown-menu>
</Dropdown>
<div>
<Row class="expand-row">
<Col span="8">
<span class="expand-key">职业：</span>
<span class="expand-value">{{ row.job }}</span>
</Col>
<Col span="8">
<span class="expand-key">兴趣：</span>
<span class="expand-value">{{ row.interest }}</span>
</Col>
<Col span="8">
<span class="expand-key">生日：</span>
<span class="expand-value">{{ row.birthday }}</span>
</Col>
</Row>
<Row>
<Col span="8">
<span class="expand-key">最喜欢的书：</span>
<span class="expand-value">《{{ row.book }}》</span>
</Col>
<Col span="8">
<span class="expand-key">最喜欢的电影：</span>
<span class="expand-value">{{ row.movie }}</span>
</Col>
<Col span="8">
<span class="expand-key">最喜欢的音乐：</span>
<span class="expand-value">{{ row.music }}</span>
</Col>
</Row>
</div>
</template>
<script>
export default {
}
</script>
props: {
row: Object
}
};
</script>