| | |
|---|
| | | .t-float-left { |
|---|
| | | float: left; |
|---|
| | | } |
|---|
| | | .t-float-right { |
|---|
| | | float: right; |
|---|
| | | } |
|---|
| | | @keyframes tdesign-fade-out { |
|---|
| | | from { |
|---|
| | | opacity: 1; |
|---|
| | | } |
|---|
| | | to { |
|---|
| | | opacity: 0; |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .hotspot-expanded.relative { |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .hotspot-expanded::after { |
|---|
| | | content: ''; |
|---|
| | | display: block; |
|---|
| | | position: absolute; |
|---|
| | | left: 0; |
|---|
| | | top: 0; |
|---|
| | | right: 0; |
|---|
| | | bottom: 0; |
|---|
| | | transform: scale(1.5); |
|---|
| | | } |
|---|
| | | .t-tab-bar { |
|---|
| | | display: flex; |
|---|
| | | flex-wrap: nowrap; |
|---|
| | | align-items: center; |
|---|
| | | position: relative; |
|---|
| | | font-size: 16px; |
|---|
| | | background-color: var(--td-tab-bar-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff))); |
|---|
| | | box-sizing: border-box; |
|---|
| | | } |
|---|
| | | .t-tab-bar--normal.t-tab-bar--border::before { |
|---|
| | | z-index: 1; |
|---|
| | | position: absolute; |
|---|
| | | box-sizing: border-box; |
|---|
| | | content: ' '; |
|---|
| | | pointer-events: none; |
|---|
| | | right: 0; |
|---|
| | | left: 0; |
|---|
| | | top: 0; |
|---|
| | | border-top: 1px solid var(--td-tab-bar-border-color, var(--td-border-color, var(--td-gray-color-3, #e7e7e7))); |
|---|
| | | transform: scaleY(0.5); |
|---|
| | | } |
|---|
| | | .t-tab-bar--fixed { |
|---|
| | | position: fixed; |
|---|
| | | left: 0; |
|---|
| | | bottom: 0; |
|---|
| | | right: 0; |
|---|
| | | } |
|---|
| | | .t-tab-bar--normal.t-tab-bar--safe { |
|---|
| | | padding-bottom: constant(safe-area-inset-bottom); |
|---|
| | | padding-bottom: env(safe-area-inset-bottom); |
|---|
| | | } |
|---|
| | | .t-tab-bar--round { |
|---|
| | | margin-left: 32rpx; |
|---|
| | | margin-right: 32rpx; |
|---|
| | | border-radius: 999px; |
|---|
| | | box-shadow: var(--td-tab-bar-round-shadow, var(--td-shadow-3, 0 6px 30px 5px rgba(0, 0, 0, 0.05), 0 16px 24px 2px rgba(0, 0, 0, 0.04), 0 8px 10px -5px rgba(0, 0, 0, 0.08))); |
|---|
| | | } |
|---|
| | | .t-tab-bar--fixed.t-tab-bar--round.t-tab-bar--safe { |
|---|
| | | bottom: constant(safe-area-inset-bottom); |
|---|
| | | bottom: env(safe-area-inset-bottom); |
|---|
| | | } |
|---|
| | | .t-tab-bar--fixed.t-tab-bar--round.t-tab-bar--safe { |
|---|
| | | bottom: constant(safe-area-inset-bottom); |
|---|
| | | bottom: env(safe-area-inset-bottom); |
|---|
| | | } |
|---|
| | | @import '../common/style/index.wxss';.t-tab-bar{display:flex;flex-wrap:nowrap;align-items:center;position:relative;font-size:16px;background-color:var(--td-tab-bar-bg-color,var(--td-bg-color-container,var(--td-font-white-1,#fff)));box-sizing:border-box;pointer-events:auto;} |
|---|
| | | .t-tab-bar--normal.t-tab-bar--border::before{z-index:1;position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;left:0;top:0;border-top:1px solid var(--td-tab-bar-border-color,var(--td-border-level-1-color,var(--td-gray-color-3,#e7e7e7)));transform:scaleY(.5);transform-origin:0 0;} |
|---|
| | | .t-tab-bar--fixed{position:fixed;left:0;bottom:0;right:0;} |
|---|
| | | .t-tab-bar--normal.t-tab-bar--safe{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);} |
|---|
| | | .t-tab-bar--round{margin-left:32rpx;margin-right:32rpx;border-radius:999px;box-shadow:var(--td-tab-bar-round-shadow,var(--td-shadow-3,0 6px 30px 5px rgba(0,0,0,.05),0 16px 24px 2px rgba(0,0,0,.04),0 8px 10px -5px rgba(0,0,0,.08)));} |
|---|
| | | .t-tab-bar--fixed.t-tab-bar--round.t-tab-bar--safe{bottom:constant(safe-area-inset-bottom);bottom:env(safe-area-inset-bottom);} |
|---|
