Skip to content

E
Element
Commit 3ca190b4 authored by qingwei.li's avatar qingwei.li
Browse files
Options

Card: update doc

parent af28fa68
Show whitespace changes
Inline Side-by-side
Showing with 6 additions and 2 deletions
examples/docs/card.md
View file @ 3ca190b4
...@@ -41,6 +41,10 @@ ...@@ -41,6 +41,10 @@
.clearfix { .clearfix {
@utils-clearfix; @utils-clearfix;
} }
.box-card {
width: 480px;
}
</style> </style>
## Card 卡片 ## Card 卡片
将信息聚合在卡片容器中展示 将信息聚合在卡片容器中展示
...@@ -52,7 +56,7 @@ ...@@ -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 @@ ...@@ -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>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment