Showing
1 changed file
with
30 additions
and
2 deletions
@@ -83,8 +83,36 @@ overflow: hidden; | @@ -83,8 +83,36 @@ overflow: hidden; | ||
83 | margin-right: 2px; | 83 | margin-right: 2px; |
84 | } | 84 | } |
85 | .swiper-pagination-bullet-active { | 85 | .swiper-pagination-bullet-active { |
86 | - background-color: #000; | ||
87 | - } | 86 | + background-color: #000; |
87 | + } | ||
88 | + | ||
89 | + .swiper-button-prev, | ||
90 | + .swiper-button-next { | ||
91 | + position: absolute; | ||
92 | + top: 50%; | ||
93 | + width: pxToRem(48px); | ||
94 | + height: pxToRem(48px); | ||
95 | + margin-top: pxToRem(-44px); | ||
96 | + cursor: pointer; | ||
97 | + z-index:10; | ||
98 | + -moz-background-size: pxToRem(48px) pxToRem(48px); | ||
99 | + -webkit-background-size: pxToRem(48px) pxToRem(48px); | ||
100 | + background-size: pxToRem(48px) pxToRem(48px); | ||
101 | + background-position: center; | ||
102 | + background-repeat: no-repeat; | ||
103 | + } | ||
104 | + | ||
105 | + .swiper-button-next.swiper-button-grey { | ||
106 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E"); | ||
107 | + right: pxToRem(30px); | ||
108 | + left: auto; | ||
109 | + } | ||
110 | + | ||
111 | + .swiper-button-prev.swiper-button-grey { | ||
112 | + background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f0f0f0'%2F%3E%3C%2Fsvg%3E"); | ||
113 | + left: pxToRem(30px); | ||
114 | + right: auto; | ||
115 | + } | ||
88 | } | 116 | } |
89 | 117 | ||
90 | } | 118 | } |
-
Please register or login to post a comment