yanzhen-design-vue
Version:
1 lines • 1.97 kB
CSS
.yz-image-prev-next{align-items:center;background:rgba(51,55,70,.5);border:1px solid rgba(255,255,255,.3411764706);border-radius:35px;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;top:50%;transform:translateY(-30px);width:60px;z-index:2016}.yz-image-prev-next .icon-prev-next{color:#fff;font-size:20px;height:60px;line-height:60px;opacity:1;text-align:center;width:60px}.yz-image-prev{left:10%}.yz-image-next{right:10%}.yz-image-next .transform-rotate{transform:rotate(180deg)}.yz-image-viewer-counts{bottom:66px;color:#fff;font-family:PingFangSC-Regular,sans-serif;font-size:16px;font-weight:400;left:50%;position:fixed;transform:translateX(-50%);z-index:2016}.yz-image-viewer-counts .image-viewer-count{align-items:center;display:flex;height:48px;justify-content:center;width:50px}.yz-image-viewer-top{align-items:center;background:#fff;color:#333746;display:flex;font-family:PingFangSC-Regular,sans-serif;font-size:14px;font-weight:400;height:40px;justify-content:space-between;left:0;line-height:40px;margin:0;min-width:100%;position:fixed;top:0;width:100%;z-index:2016}.yz-image-viewer-top .title{padding-left:34px;text-align:left}.yz-image-viewer-top .img-close{cursor:pointer;padding-right:14px}.yz-viewer-container{background:rgba(0,0,0,.5)}.yz-viewer-canvas>img{height:auto;margin:60px auto;max-width:90%;width:auto}.yz-viewer-toolbar>ul{background:#333746;border:1px solid rgba(255,255,255,.3411764706);border-radius:20px;padding:6px 10px}.yz-viewer-toolbar>ul li{background-color:transparent}.yz-viewer-toolbar>ul .viewer-custom{width:50px}.yz-viewer-navbar{background-color:#fff}.yz-viewer-navbar .viewer-list{box-sizing:content-box;display:flex;height:64px;justify-content:center;margin:0 auto;transform:none;width:100%}.yz-viewer-navbar .viewer-list li{height:52px;margin:6px;opacity:1;width:40px}.yz-viewer-navbar .viewer-list li .viewer-active{border:4px solid #3158ee;height:46px;width:40px}