202 lines
10 KiB
Plaintext
202 lines
10 KiB
Plaintext
@charset "UTF-8";
|
||
/**
|
||
* 下方引入的为Tuniao UI的集成样式文件，为scss预处理器，其中包含了一些"tn-"开头的自定义变量
|
||
* 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
|
||
* Tuniao UI自定义的css类名和scss变量，均以"tn-"开头，不会造成冲突，请放心使用
|
||
*/
|
||
.tn-tabbar__content.data-v-3972e4a0 {
|
||
box-sizing: content-box;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
position: relative;
|
||
width: 100%;
|
||
z-index: 1024;
|
||
}
|
||
.tn-tabbar__content__out.data-v-3972e4a0 {
|
||
position: absolute;
|
||
z-index: 4;
|
||
border-radius: 100%;
|
||
left: 50%;
|
||
-webkit-transform: translateX(-50%);
|
||
transform: translateX(-50%);
|
||
}
|
||
.tn-tabbar__content__out--shadow.data-v-3972e4a0::before {
|
||
content: " ";
|
||
position: absolute;
|
||
width: 100%;
|
||
height: 50rpx;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
margin: auto;
|
||
background-color: inherit;
|
||
}
|
||
.tn-tabbar__content__out--animation--scale.data-v-3972e4a0 {
|
||
-webkit-transform-origin: 50% 100%;
|
||
transform-origin: 50% 100%;
|
||
-webkit-animation: tabbar-content-out-click-data-v-3972e4a0 0.2s forwards 1 ease-in-out;
|
||
animation: tabbar-content-out-click-data-v-3972e4a0 0.2s forwards 1 ease-in-out;
|
||
}
|
||
.tn-tabbar__content__item.data-v-3972e4a0 {
|
||
flex: 1;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
height: 100%;
|
||
position: relative;
|
||
align-items: center;
|
||
}
|
||
.tn-tabbar__content__item__button.data-v-3972e4a0 {
|
||
margin-bottom: 10rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
position: relative;
|
||
}
|
||
.tn-tabbar__content__item__button--out.data-v-3972e4a0 {
|
||
margin-bottom: 10rpx;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
z-index: 6;
|
||
}
|
||
.tn-tabbar__content__item__button--out--animation--scale.data-v-3972e4a0 {
|
||
-webkit-transform-origin: 50% 100%;
|
||
transform-origin: 50% 100%;
|
||
-webkit-animation: tabbar-item-button-out-click-data-v-3972e4a0 0.2s forwards 1;
|
||
animation: tabbar-item-button-out-click-data-v-3972e4a0 0.2s forwards 1;
|
||
}
|
||
.tn-tabbar__content__item__button--animation--scale .tn-tabbar__content__item__icon.data-v-3972e4a0,
|
||
.tn-tabbar__content__item__button--animation--scale .tn-tabbar__content__item__image.data-v-3972e4a0 {
|
||
-webkit-transform-origin: 50% 100%;
|
||
transform-origin: 50% 100%;
|
||
-webkit-animation: tabbar-item-button-click-data-v-3972e4a0 0.2s forwards 1;
|
||
animation: tabbar-item-button-click-data-v-3972e4a0 0.2s forwards 1;
|
||
}
|
||
.tn-tabbar__content__item__icon--clip.data-v-3972e4a0 {
|
||
-webkit-background-clip: text;
|
||
color: transparent !important;
|
||
}
|
||
.tn-tabbar__content__item__text.data-v-3972e4a0 {
|
||
width: 100%;
|
||
font-size: 26rpx;
|
||
line-height: 28rpx;
|
||
text-align: center;
|
||
margin-bottom: 10rpx;
|
||
z-index: 10;
|
||
transition: all 0.2s ease-in-out;
|
||
}
|
||
.tn-tabbar__content__item--out.data-v-3972e4a0 {
|
||
height: calc(100% - 1px);
|
||
}
|
||
.tn-tabbar--fixed.data-v-3972e4a0 {
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
}
|
||
.tn-tabbar--shadow.data-v-3972e4a0 {
|
||
box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(0, 0, 0, 0.07);
|
||
}
|
||
/* 点击动画 start */
|
||
@-webkit-keyframes tabbar-item-button-click-data-v-3972e4a0 {
|
||
from {
|
||
-webkit-transform: scale(0.8);
|
||
transform: scale(0.8);
|
||
}
|
||
to {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@keyframes tabbar-item-button-click-data-v-3972e4a0 {
|
||
from {
|
||
-webkit-transform: scale(0.8);
|
||
transform: scale(0.8);
|
||
}
|
||
to {
|
||
-webkit-transform: scale(1);
|
||
transform: scale(1);
|
||
}
|
||
}
|
||
@-webkit-keyframes tabbar-item-button-out-click-data-v-3972e4a0 {
|
||
0% {
|
||
-webkit-transform: translateY(0) scale(1);
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
50% {
|
||
-webkit-transform: translateY(-10rpx) scale(1.2);
|
||
transform: translateY(-10rpx) scale(1.2);
|
||
}
|
||
100% {
|
||
-webkit-transform: translateY(0) scale(1);
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
}
|
||
@keyframes tabbar-item-button-out-click-data-v-3972e4a0 {
|
||
0% {
|
||
-webkit-transform: translateY(0) scale(1);
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
50% {
|
||
-webkit-transform: translateY(-10rpx) scale(1.2);
|
||
transform: translateY(-10rpx) scale(1.2);
|
||
}
|
||
100% {
|
||
-webkit-transform: translateY(0) scale(1);
|
||
transform: translateY(0) scale(1);
|
||
}
|
||
}
|
||
@-webkit-keyframes tabbar-content-out-click-data-v-3972e4a0 {
|
||
0% {
|
||
-webkit-transform: translateX(-50%) translateY(0) scale(1);
|
||
transform: translateX(-50%) translateY(0) scale(1);
|
||
}
|
||
50% {
|
||
-webkit-transform: translateX(-50%) translateY(-10rpx) scale(1.1);
|
||
transform: translateX(-50%) translateY(-10rpx) scale(1.1);
|
||
}
|
||
100% {
|
||
-webkit-transform: translateX(-50%) translateY(0) scale(1);
|
||
transform: translateX(-50%) translateY(0) scale(1);
|
||
}
|
||
}
|
||
@keyframes tabbar-content-out-click-data-v-3972e4a0 {
|
||
0% {
|
||
-webkit-transform: translateX(-50%) translateY(0) scale(1);
|
||
transform: translateX(-50%) translateY(0) scale(1);
|
||
}
|
||
50% {
|
||
-webkit-transform: translateX(-50%) translateY(-10rpx) scale(1.1);
|
||
transform: translateX(-50%) translateY(-10rpx) scale(1.1);
|
||
}
|
||
100% {
|
||
-webkit-transform: translateX(-50%) translateY(0) scale(1);
|
||
transform: translateX(-50%) translateY(0) scale(1);
|
||
}
|
||
}
|
||
.dddd.data-v-3972e4a0 {
|
||
background: url(data:image/png;base64,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20dq9BGYYrH45clkckwpde/Geg9svO3ULxQKm2GdxzqmaHNQCgIIiBcguIvfAgAggEBaBfSdeB3gx+OxDvGb30qpFaWUvit/eeMFT+/pn3O53NUkSTafE58kSVSv19f0z81ms2ZZlq9/tizrjslkckApdWjjBUlHLMs6pH9WSi3qoy/6O5/PKx3YubOe1h1BXQggIF2A4C59B9A/AggYJaDDu74rf/O3DvlbwV2H982fdQC/HsL1v/ru+c3fnFc3avwUiwACwgUI7sI3AO0jgAACCCCAAAIImCFAcDdjTlSJAAIIIIAAAgggIFyA4C58A9A+AggggAACCCCAgBkCBHcz5kSVCCCAAAIIIIAAAsIFCO7CNwDtI4AAAggggAACCJghQHA3Y05UiQACCCCAAAIIICBcgOAufAPQPgIIIIAAAggggIAZAgR3M+ZElQgggAACCCCAAALCBQjuwjcA7SOAAAIIIIAAAgiYIUBwN2NOVIkAAggggAACCCAgXIDgLnwD0D4CCCCAAAIIIICAGQIEdzPmRJUIIIAAAggggAACwgUI7sI3AO0jgAACCCCAAAIImCFAcDdjTlSJAAIIIIAAAgggIFyA4C58A9A+AggggAACCCCAgBkCBHcz5kSVCCCAAAIIIIAAAsIFCO7CNwDtI4AAAggggAACCJghQHA3Y05UiQACCCCAAAIIICBcgOAufAPQPgIIIIAAAggggIAZAgR3M+ZElQgggAACCCCAAALCBQjuwjcA7SOAAAIIIIAAAgiYIUBwN2NOVIkAAggggAACCCAgXIDgLnwD0D4CCCCAAAIIIICAGQIEdzPmRJUIIIAAAggggAACwgUI7sI3AO0jgAACCCCAAAIImCFAcDdjTlSJAAIIIIAAAgggIFyA4C58A9A+AggggAACCCCAgBkCBHcz5kSVCCCAAAIIIIAAAsIFCO7CNwDtI4AAAggggAACCJghQHA3Y05UiQACCCCAAAIIICBcgOAufAPQPgIIIIAAAggggIAZAgR3M+ZElQgggAACCCCAAALCBQjuwjcA7SOAAAIIIIAAAgiYIfBvGpqG/4bVpJEAAAAASUVORK5CYII=) no-repeat;
|
||
background-size: 100% 58%;
|
||
background-position: top;
|
||
}
|
||
.dddd.data-v-3972e4a0::after {
|
||
content: "";
|
||
position: absolute;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
height: 50%;
|
||
/* 控制覆盖高度 */
|
||
background: #ffffff;
|
||
z-index: -1;
|
||
/* 确保内容不被覆盖 */
|
||
}
|
||
.no.data-v-3972e4a0 {
|
||
color: #C1C1C1;
|
||
}
|