element-plus/ssr-testing/cases/carousel.vue
JeremyWuuuuu 3f72ec5818
test(ssr): add ssr testing cases (#6657)
* test(ssr): add ssr testing cases

- Add cases for backtop, badge, breadcrumb, button, calendar
- Fix a issue which caused backtop not SSR renderable

* Update card, carousel cascader test cases

* Add more cases
2022-03-18 11:56:41 +08:00

37 lines
796 B
Vue

<template>
<div class="block">
<span class="demonstration"
>Switch when indicator is hovered (default)</span
>
<el-carousel height="150px">
<el-carousel-item
v-for="(item, idx) in 4"
:key="item"
:style="
idx % 2 === 0
? {
backgroundColor: '#99a9bf',
}
: {
backgroundColor: '#d3dce6',
}
"
>
<h3
class="small"
style="
color: #475669;
font-size: 14px;
opacity: 0.75;
line-height: 150px;
margin: 0;
text-align: center;
"
>
{{ item }}
</h3>
</el-carousel-item>
</el-carousel>
</div>
</template>