[improvement] Swipe: update indicator color (#2324)

packages/swipe/index.less

@@ -32,10 +32,10 @@
   &__indicator {
     opacity: .3;
     border-radius: 100%;
-    background-color: @blue;
     width: @swipe-indicator;
     height: @swipe-indicator;
     transition: opacity .2s;
+    background-color: @border-color;
 
     &:not(:last-child) {
       margin-right: @swipe-indicator;
@@ -43,6 +43,7 @@
 
     &--active {
       opacity: 1;
+      background-color: @blue;
     }
   }
 }

packages/swipe/index.vue

@@ -19,7 +19,7 @@
         <i
           v-for="index in count"
           :class="b('indicator', { active: index - 1 === activeIndicator })"
-          :style="indicatorStyle"
+          :style="index - 1 === activeIndicator ? indicatorStyle : null"
         />
       </div>
     </slot>