loit-web-component-gx/static/theme/Red/carousel.css

广西时代凌宇前端组件库

.el-carousel{overflow-x:hidden;position:relative }.el-carousel__container{position:relative;height:3rem }.el-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:0.36rem;width:0.36rem;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;background-color:rgba(31,45,61,.11);color:#fff;position:absolute;top:50%;z-index:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:0.12rem }.el-carousel__arrow--left{left:0.16rem }.el-carousel__arrow--right{right:0.16rem }.el-carousel__arrow:hover{background-color:rgba(31,45,61,.23) }.el-carousel__arrow i{cursor:pointer }.el-carousel__indicators{position:absolute;list-style:none;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0;z-index:2 }.el-carousel__indicators--outside{bottom:0.26rem;text-align:center;position:static;-webkit-transform:none;transform:none }.el-carousel__indicators--outside .el-carousel__indicator:hover button{opacity:.64 }.el-carousel__indicators--outside button{background-color:#c0c4cc;opacity:.24 }.el-carousel__indicators--labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center }.el-carousel__indicators--labels .el-carousel__button{height:auto;width:auto;padding:0.02rem 0.18rem;font-size:0.12rem }.el-carousel__indicators--labels .el-carousel__indicator{padding:0.06rem 0.04rem }.el-carousel__indicator{display:inline-block;background-color:transparent;padding:0.12rem 0.04rem;cursor:pointer }.el-carousel__indicator:hover button{opacity:.72 }.el-carousel__indicator.is-active button{opacity:1 }.el-carousel__button{display:block;opacity:.48;width:0.3rem;height:0.02rem;background-color:#fff;border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s }.carousel-arrow-left-enter,.carousel-arrow-left-leave-active{-webkit-transform:translateY(-50%) translateX(-0.1rem);transform:translateY(-50%) translateX(-0.1rem);opacity:0 }.carousel-arrow-right-enter,.carousel-arrow-right-leave-active{-webkit-transform:translateY(-50%) translateX(0.1rem);transform:translateY(-50%) translateX(0.1rem);opacity:0 }