import { Carousel } from 'antd'; //dots样式的修改 :global { .slick-dots li button { width: 10px !important ; height: 10px !important; background: rgb(255, 255, 255) !important; // 改变dots的颜色 border-radius: 100% !important; } .slick-dots li { width: 23px !important ; } .slick-dots li.slick-active { width: 15px !important ; } .ant-carousel .slick-dots-bottom{ bottom: -12% !important; } } //走马灯div宽高百分比 :global{ .ant-carousel{ height: 100%; width: 100%; } .ant-carousel .slick-slider{ height: 100%; width: 100%; } .slick-list{ height: 100% !important; width: 100%; } .slick-track{ color: #fff; width: 100%; height: 100%; } .slick-slide{ color: #fff; width: 100%; height: 100%; div{ width: 100%; height: 100% ; } } }