|
|
@@ -1,39 +1,39 @@
|
|
|
.nut-imagepreview {
|
|
|
- &-swiper {
|
|
|
- height: 100%;
|
|
|
- width: 100vw;
|
|
|
- background-color: transparent;
|
|
|
- }
|
|
|
+ &-swiper {
|
|
|
+ height: 100% !important;
|
|
|
+ width: 100vw;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
|
|
|
- &-img {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- object-fit: contain;
|
|
|
- }
|
|
|
+ &-img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ object-fit: contain;
|
|
|
+ }
|
|
|
|
|
|
- &-index {
|
|
|
- position: fixed;
|
|
|
- top: 50px;
|
|
|
- text-align: center;
|
|
|
- left: 0;
|
|
|
- right: 0;
|
|
|
- background: transparent;
|
|
|
- color: #fff;
|
|
|
+ &-index {
|
|
|
+ position: fixed;
|
|
|
+ top: 50px;
|
|
|
+ text-align: center;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ background: transparent;
|
|
|
+ color: #fff;
|
|
|
|
|
|
- .arrow {
|
|
|
- position: absolute;
|
|
|
- left: 15px;
|
|
|
- transform: rotateZ(180deg);
|
|
|
- }
|
|
|
- }
|
|
|
+ .arrow {
|
|
|
+ position: absolute;
|
|
|
+ left: 15px;
|
|
|
+ transform: rotateZ(180deg);
|
|
|
+ }
|
|
|
+ }
|
|
|
|
|
|
- .popup-bg {
|
|
|
- background: rgba(0, 0, 0, 0.9);
|
|
|
- }
|
|
|
+ .popup-bg {
|
|
|
+ background: rgba(0, 0, 0, 0.9);
|
|
|
+ }
|
|
|
|
|
|
- .popup-box {
|
|
|
- height: 100%;
|
|
|
- overflow: visible;
|
|
|
- background-color: transparent;
|
|
|
- }
|
|
|
+ .popup-box {
|
|
|
+ height: 100%;
|
|
|
+ overflow: visible;
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
}
|