@mijadesign/mjui-react-taro
Version:
京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序
2 lines (1 loc) • 1.57 kB
CSS
.nut-imagepreview{width:100%;height:100%}.nut-imagepreview-swiper{height:100%;width:100vw;background-color:transparent}.nut-imagepreview-index{position:fixed;z-index:2002;top:50px;text-align:center;left:0;right:0;background:transparent;color:#fff}.nut-imagepreview-index .arrow{position:absolute;left:15px;transform:rotate(180deg)}.nut-imagepreview-close{position:fixed;display:flex;align-items:center;justify-content:center;z-index:2002;background:transparent;color:#fff}.nut-imagepreview-close.top-right{top:50px;right:20px}.nut-imagepreview-close.top-left{top:50px;left:20px}.nut-imagepreview-close.bottom{bottom:50px;left:0;right:0;text-align:center}.nut-imagepreview-pop{height:100%;background:transparent;display:flex;align-items:center;width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item,.nut-imagepreview-swiper .nut-swiper-item{display:flex;align-items:center;justify-content:center;height:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-image-preview-box,.nut-imagepreview-swiper .nut-swiper-item .nut-image-preview-box{width:100%}.nut-imagepreview-swiper .nut-imagepreview-swiper-item .nut-video video,.nut-imagepreview-swiper .nut-swiper-item .nut-video video{object-fit:contain}[dir=rtl] .nut-imagepreview-index .arrow,.nut-rtl .nut-imagepreview-index .arrow{left:auto;right:15px;transform:rotate(-180deg)}[dir=rtl] .nut-imagepreview-close.top-right,.nut-rtl .nut-imagepreview-close.top-right{right:auto;left:20px}[dir=rtl] .nut-imagepreview-close.top-left,.nut-rtl .nut-imagepreview-close.top-left{left:auto;right:20px}