Vue.js轮播图走马灯代码实例(全)

2024年2月6日发(作者：)

.divAdd-con img { border: none;}

a:focus,a:hover { color: #23527c;}

.threeImg { height: 158px; background: #ededed; border-bottom: 3px solid #4679B2; min-width: 1000px;}

.threeImg .Containt ul { margin: 0 auto; width: 2400px; position: absolute; left: 0px; cursor: pointer; height: 100%}

.threeImg .Containt ul li { width: 300px; margin-right: 40px; margin-top: 10px; float: left;}

.threeImg .Containt ul li img { height: 128px; width: 100%;}

.Containt { position: relative; width: 1000px; height: 130px; overflow: hidden; margin: 0 auto;}

.iconleft { position: absolute; width: 20px; height: 80px; top: 10px; z-index: 99999; padding-top: 48px; background-color: #ddd; vertical-align: middle;}

.iconright { position: relative; left: 978px; top: 70px; background-color: #ddd; /*position: absolute;*/ width: 20px; height: 80px; top: 10px; z-index: 99999; padding-top: 48px; background-color: #ddd; vertical-align: middle;}