diff --git a/src/uni_modules/wot-design-uni/components/wd-tabbar/index.scss b/src/uni_modules/wot-design-uni/components/wd-tabbar/index.scss index 497e6c47..164548f5 100644 --- a/src/uni_modules/wot-design-uni/components/wd-tabbar/index.scss +++ b/src/uni_modules/wot-design-uni/components/wd-tabbar/index.scss @@ -25,9 +25,26 @@ margin-right: 32rpx; border-radius: 999px; box-shadow: $-tabbar-box-shadow; + + @include when(fixed) { + @include when(safe) { + bottom: constant(safe-area-inset-bottom); + bottom: env(safe-area-inset-bottom); + } + } + } @include m(default) { + + @include when(fixed) { + @include when(safe) { + padding-bottom: constant(safe-area-inset-bottom); + padding-bottom: env(safe-area-inset-bottom); + } + } + + @include when(border) { @include halfPixelBorder('top'); } @@ -39,10 +56,5 @@ bottom: 0; right: 0; z-index: 500; - - @include when(safe) { - bottom: constant(safe-area-inset-bottom); - bottom: env(safe-area-inset-bottom); - } } } \ No newline at end of file diff --git a/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue b/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue index 2a01a600..616ee6df 100644 --- a/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue +++ b/src/uni_modules/wot-design-uni/components/wd-tabbar/wd-tabbar.vue @@ -1,5 +1,5 @@