@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; }