@opentiny/vue-theme/slide-img/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.slider-img{position:relative}.slider-img>.icon-chevron-left,.slider-img>.icon-chevron-right{height:100%;position:absolute;opacity:0;width:80px;font-size:50px;color:#c4c4c4}.slider-img>.icon-chevron-left:before,.slider-img>.icon-chevron-right:before{top:45%;position:absolute;padding:0 20px}.slider-img>.icon-chevron-left:hover,.slider-img>.icon-chevron-right:hover{opacity:.6;cursor:pointer}.slider-img .icon-chevron-right{right:0;top:0}.slider-img>ul>li{display:none;text-align:center}.slider-img .slider-imgnav{text-align:center;position:absolute;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.slider-img .slider-imgnav span{display:inline-block;margin:0 -2px;cursor:pointer;font-size:16px;color:#c4c4c4}.slider-img .slider-imgnav span.imgnav-selected,.slider-img .slider-imgnav span:hover{color:#fff}.slider-img .tiny-repeat{overflow-y:auto}