123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <template>
- <div class='rotation'>
- <a-carousel autoplay>
- <div v-for='(item,index) in rotationImg' :key='index'>
- <img :src='item' alt />
- </div>
- </a-carousel>
- </div>
- </template>
- <script>
- export default {
- data() {
- return {}
- },
- props: ['rotationImg']
- }
- </script>
- <style lang="less" scoped>
- .rotation {
- width: 100%;
- height: 100%;
- img {
- // width: 100%;
- // height: 100%;
- }
- }
- </style>
- <style lang="less">
- .rotation {
- .ant-carousel .slick-slide {
- width: 100%;
- height: 487px;
- text-align: center;
- line-height: 487px;
- overflow: hidden;
- }
- .ant-carousel .slick-slide h3 {
- color: #fff;
- }
- }
- </style>
|