<el-card >平滑出现
时间: 2023-08-09 13:06:19 浏览: 110
图像平滑
你可以使用Vue的过渡效果来实现卡片的平滑出现。具体实现方法如下:
1. 在el-card标签上添加transition属性,并设置过渡效果的名称,例如:
```
<el-card transition="card">
...
</el-card>
```
2. 在样式中定义过渡效果的名称及具体样式,例如:
```
.card-enter-active, .card-leave-active {
transition: opacity 0.5s;
}
.card-enter, .card-leave-to {
opacity: 0;
}
```
这里的过渡效果名称为"card",过渡效果的具体样式为在0.5秒内改变元素的透明度。
阅读全文