84 lines
2.0 KiB
SCSS
84 lines
2.0 KiB
SCSS
@import '@/uni_modules/lime-style/index.scss';
|
|
@import '@/uni_modules/lime-style/mixins/hairline.scss';
|
|
|
|
/* #ifdef uniVersion >= 4.75 */
|
|
$use-css-var: true;
|
|
/* #endif */
|
|
$tabbar: #{$prefix}-tabbar;
|
|
|
|
$tabbar-bg-color: create-var(tabbar-bg-color, $bg-color-container);
|
|
$tabbar-border-color: create-var(tabbar-border-color, $border-color-1);
|
|
|
|
$tabbar-z-index: create-var(tabbar-z-index, 10);
|
|
$tabbar-round-margin-x: create-var(tabbar-round-margin-x, $spacer);
|
|
/* #ifndef UNI-APP-X && APP */
|
|
$tabbar-round-shadow: create-var(tabbar-round-shadow, $shadow-3);
|
|
/* #endif */
|
|
/* #ifdef UNI-APP-X && APP */
|
|
$tabbar-round-shadow: $shadow-3;
|
|
/* #endif */
|
|
|
|
.#{$tabbar} {
|
|
/* #ifndef UNI-APP-X */
|
|
display: flex;
|
|
box-sizing: border-box;
|
|
/* #endif */
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
align-items: center;
|
|
position: relative;
|
|
// font-size: 16px;
|
|
background-color: $tabbar-bg-color;
|
|
overflow: visible;
|
|
|
|
&--fixed {
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: 0;
|
|
right: 0;
|
|
z-index: $tabbar-z-index;
|
|
}
|
|
|
|
&--round {
|
|
margin-left: $tabbar-round-margin-x;
|
|
margin-right: $tabbar-round-margin-x;
|
|
border-radius: 999px;
|
|
box-shadow: $tabbar-round-shadow;
|
|
}
|
|
|
|
/* #ifndef UNI-APP-X && APP */
|
|
&--normal#{&}--bordered {
|
|
// z-index: 1;
|
|
// border-top: 1rpx solid $tabbar-border-color;
|
|
border-top-width: 1rpx;
|
|
border-top-style: solid;
|
|
border-top-color: $tabbar-border-color;
|
|
}
|
|
/* #endif */
|
|
/* #ifndef UNI-APP-X && APP */
|
|
&--normal#{&}--bordered::before {
|
|
// z-index: 1;
|
|
@include hairline-top($color: $tabbar-border-color);
|
|
}
|
|
/* #endif */
|
|
&--normal#{&}--safe {
|
|
/* #ifdef UNI-APP-X */
|
|
padding-bottom: var(--uni-safe-area-inset-bottom);
|
|
/* #endif */
|
|
/* #ifndef UNI-APP-X */
|
|
padding-bottom: constant(safe-area-inset-bottom);
|
|
padding-bottom: env(safe-area-inset-bottom);
|
|
/* #endif */
|
|
}
|
|
&--fixed#{&}--round#{&}--safe {
|
|
/* #ifdef UNI-APP-X */
|
|
bottom: var(--uni-safe-area-inset-bottom);
|
|
/* #endif */
|
|
/* #ifndef UNI-APP-X */
|
|
bottom: constant(safe-area-inset-bottom);
|
|
bottom: env(safe-area-inset-bottom);
|
|
/* #endif */
|
|
}
|
|
|
|
}
|