github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Card: update doc

pull/26/head
qingwei.li 2016-09-07 16:24:22 +08:00
parent af28fa68cd
commit 3ca190b42c
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
examples/docs/card.md
View File

@ -41,6 +41,10 @@
.clearfix { .clearfix {
@utils-clearfix; @utils-clearfix;
} }
.box-card {
width: 480px;
}
</style> </style>
## Card 卡片 ## Card 卡片
将信息聚合在卡片容器中展示 将信息聚合在卡片容器中展示
@ -52,7 +56,7 @@
:::demo Card 组件包括`header`和`body`部分，`header`部分需要有显式具名 slot 分发，同时也是可选的。 :::demo Card 组件包括`header`和`body`部分，`header`部分需要有显式具名 slot 分发，同时也是可选的。
```html ```html
<el-card> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<span style="line-height: 36px;">卡片名称</span> <span style="line-height: 36px;">卡片名称</span>
<el-button style="float: right;" type="primary">操作按钮</el-button> <el-button style="float: right;" type="primary">操作按钮</el-button>
@ -70,7 +74,7 @@
:::demo :::demo
```html ```html
<el-card> <el-card class="box-card">
<div v-for="o in 4" class="text item"> <div v-for="o in 4" class="text item">
{{'列表内容 ' + o }} {{'列表内容 ' + o }}
</div> </div>