Browse Source

fix(swiper): #424 vertical css (#426)

xiejiahe 4 years ago
parent
commit
5cf5a6c929
2 changed files with 16 additions and 1 deletions
  1. 12 0
      src/packages/swiper/index.scss
  2. 4 1
      src/packages/swiper/index.vue

+ 12 - 0
src/packages/swiper/index.scss

@@ -30,4 +30,16 @@
       }
     }
   }
+  &-pagination-vertical {
+    top: 50%;
+    left: 12px;
+    bottom: auto;
+    flex-direction: column;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    transform: translateY(-50%);
+    i {
+      margin-bottom: 5px;
+    }
+  }
 }

+ 4 - 1
src/packages/swiper/index.vue

@@ -18,7 +18,10 @@
     </view>
     <slot name="page"></slot>
     <view
-      :class="{ [`${componentName}-pagination`]: true }"
+      :class="{
+        [`${componentName}-pagination`]: true,
+        [`${componentName}-pagination-vertical`]: isVertical
+      }"
       v-if="paginationVisible && !slots.page"
     >
       <i