@xysfe/actui/lib/ImagePreview/style.css

A fantastic mobile ui lib implement by Vue

.act-popup{position:fixed;left:0;right:0;top:0;bottom:0}.act-popup-container,.act-popup-mask{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}.act-swipe[data-v-43e17ad8]{position:relative;overflow:hidden;cursor:pointer}.act-indicators[data-v-43e17ad8]{position:absolute;display:-webkit-box;display:-webkit-flex;display:flex}.act-indicator[data-v-43e17ad8]{width:6px;height:6px;border-radius:6px;margin:2px;opacity:.4}.act-indicator.active[data-v-43e17ad8]{opacity:1}.act-preview-swipe[data-v-4e48703b]{width:100%;height:100%}.act-preview-swipe[data-v-4e48703b] .act-swipe-wrap{height:100%}.act-image-item[data-v-4e48703b]{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:center;align-content:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative}.act-preview-image[data-v-4e48703b]{max-width:100%;max-height:100%}.act-image-desc[data-v-4e48703b]{padding:10px;color:#fff;text-align:center}