feat(swiper): auto hide controls

sunkint · sunkint · commit fc24882524f6 · 2021-06-10T19:46:10.000+08:00
diff --git a/src/swiper/index.scss b/src/swiper/index.scss
@@ -105,6 +105,7 @@
     opacity: 0.5;
     text-decoration: none;
     cursor: pointer;
+    transition: opacity 0.1s;
 
     &:hover {
       opacity: 0.8;
@@ -126,4 +127,10 @@
       background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
     }
   }
+
+  &:not(:hover) {
+    .sk-swiper-control {
+      opacity: 0;
+    }
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -105,6 +105,7 @@`
`105`	`105`	`opacity: 0.5;`
`106`	`106`	`text-decoration: none;`
`107`	`107`	`cursor: pointer;`
	`108`	`+ transition: opacity 0.1s;`
`108`	`109`
`109`	`110`	`&:hover {`
`110`	`111`	`opacity: 0.8;`
`@@ -126,4 +127,10 @@`
`126`	`127`	`background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);`
`127`	`128`	`}`
`128`	`129`	`}`
	`130`	`+`
	`131`	`+ &:not(:hover) {`
	`132`	`+ .sk-swiper-control {`
	`133`	`+ opacity: 0;`
	`134`	`+ }`
	`135`	`+ }`
`129`	`136`	`}`