first commit

历届学生/逯帅帅/项目开发/上课项目/swiper/swiper.css

@@ -0,0 +1,54 @@
+body,ul,li {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+.swiper {
+    width: 520px;
+    height: 280px;
+    overflow: hidden;
+    margin: 10% auto;
+    position: relative;
+}
+.swiper-wrapper {
+    display: flex;
+}
+.swiper-wrapper li {
+    flex-shrink: 0;
+}
+.swiper-wrapper img {
+    width: 100%;
+    height: 100%;
+}
+.swiper-button {
+    position: absolute;
+    top: 50%;
+    color: #fff;
+    font-size: 23px;
+    padding: 5px 5px;
+    background: #00000075;
+    transform: translateY(-50%);
+}
+.prev {
+    left: 0;
+}
+.next {
+    right: 0;
+}
+.swiper-pagination {
+    display: flex;
+    position: absolute;
+    left: 50%;
+    bottom: 16px;
+    transform: translate(-50%);
+}
+.swiper-pagination li {
+    width: 8px;
+    height: 8px;
+    border-radius: 100%;
+    background: #CCC;
+    margin-right: 5px;
+}
+.swiper-pagination .active {
+    background: #007aff !important;
+}