fix(Carousel): indicatorColor 与默认保持一致

NeteaseYanxuan · Oct 29, 2022 · 752dd04 · 752dd04
1 parent eead539
commit 752dd04
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 4 deletions.
diff --git a/.changeset/unlucky-baboons-beg.md b/.changeset/unlucky-baboons-beg.md
@@ -0,0 +1,7 @@
+---
+"ossaui": patch
+"ossa-demo": patch
+"ossa-doc": patch
+---
+
+indicatorColor 与默认保持一致
diff --git a/packages/ossa-demo/src/components/carousel/demo/index.tsx b/packages/ossa-demo/src/components/carousel/demo/index.tsx
@@ -54,14 +54,14 @@ const initialListApi = {
       list: ["indicatorDots", "展示指示器，可选", "boolean", "false"],
     },
     {
-      list: ["indicatorColor", "指示点颜色，可选", "boolean", "true"],
+      list: ["indicatorColor", "指示点颜色，可选", "string", "rgba(0, 0, 0, .3)"],
     },
     {
       list: [
         "indicatorActiveColor",
         "当前选中指示点颜色，可选",
-        "boolean",
-        "false",
+        "string",
+        "#000000",
       ],
     },
     {

diff --git a/packages/ossa/src/components/carousel/index.tsx b/packages/ossa/src/components/carousel/index.tsx
@@ -190,7 +190,7 @@ Carousel.defaultProps = {
   interval: 4000,
   circular: true,
   indicatorDots: false,
-  indicatorColor: "#ffffff",
+  indicatorColor: "rgba(0, 0, 0, 0.3)",
   indicatorActiveColor: "#000000",
   current: 0,
   gap: false,

diff --git a/packages/ossa/src/style/components/carousel.scss b/packages/ossa/src/style/components/carousel.scss
@@ -72,6 +72,10 @@
   }
 
   &.ossa-carousel-h5 {
+    .swiper-pagination-bullet {
+      opacity: 1;
+    }
+
     &.ossa-carousel-h5--space {
       height: 100%;