| | |
|---|
| | | .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-indexes-anchor { |
|---|
| | | color: var(--td-indexes-anchor-color, var(--td-text-color-primary, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)))); |
|---|
| | | font-size: var(--td-indexes-anchor-font-size, 28rpx); |
|---|
| | | line-height: var(--td-indexes-anchor-line-height, 44rpx); |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__header { |
|---|
| | | display: none; |
|---|
| | | padding: 8rpx 32rpx; |
|---|
| | | background-color: var(--td-indexes-anchor-bg-color, var(--td-bg-color-secondarycontainer, var(--td-gray-color-1, #f3f3f3))); |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__header--active { |
|---|
| | | background-color: var(--td-indexes-anchor-active-bg-color, var(--td-bg-color-container, var(--td-font-white-1, #ffffff))); |
|---|
| | | position: relative; |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__header--active::after { |
|---|
| | | content: ''; |
|---|
| | | display: block; |
|---|
| | | position: absolute; |
|---|
| | | top: unset; |
|---|
| | | bottom: 0; |
|---|
| | | left: unset; |
|---|
| | | right: unset; |
|---|
| | | background-color: var(--td-component-border, var(--td-gray-color-4, #dcdcdc)); |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__header--active::after { |
|---|
| | | height: 1px; |
|---|
| | | left: 0; |
|---|
| | | right: 0; |
|---|
| | | transform: scaleY(0.5); |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__slot { |
|---|
| | | overflow: hidden; |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__slot:empty + .t-indexes-anchor__header { |
|---|
| | | display: block; |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__wrapper { |
|---|
| | | will-change: transform; |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__wrapper--sticky { |
|---|
| | | position: fixed; |
|---|
| | | top: 0; |
|---|
| | | left: 0; |
|---|
| | | width: 100%; |
|---|
| | | z-index: 1; |
|---|
| | | } |
|---|
| | | .t-indexes-anchor__wrapper--active { |
|---|
| | | color: var(--td-indexes-anchor-active-color, var(--td-brand-color, var(--td-primary-color-7, #0052d9))); |
|---|
| | | font-weight: var(--td-indexes-anchor-active-font-weight, 600); |
|---|
| | | } |
|---|
| | | @import '../common/style/index.wxss';.t-indexes-anchor{color:var(--td-indexes-anchor-color,var(--td-text-color-primary,var(--td-font-gray-1,rgba(0,0,0,.9))));font-size:var(--td-indexes-anchor-font-size,28rpx);line-height:var(--td-indexes-anchor-line-height,44rpx);} |
|---|
| | | .t-indexes-anchor__header{display:none;padding:var(--td-indexes-anchor-padding,8rpx 32rpx);background-color:var(--td-indexes-anchor-bg-color,var(--td-bg-color-secondarycontainer,var(--td-gray-color-1,#f3f3f3)));} |
|---|
| | | .t-indexes-anchor__header--active{background-color:var(--td-indexes-anchor-active-bg-color,var(--td-bg-color-container,var(--td-font-white-1,#fff)));position:relative;} |
|---|
| | | .t-indexes-anchor__header--active::after{content:'';display:block;position:absolute;top:unset;bottom:0;left:unset;right:unset;background-color:var(--td-indexes-anchor-border-color,var(--td-component-border,var(--td-gray-color-4,#dcdcdc)));} |
|---|
| | | .t-indexes-anchor__header--active::after{height:1px;left:0;right:0;transform:scaleY(.5);} |
|---|
| | | .t-indexes-anchor__slot{overflow:hidden;} |
|---|
| | | .t-indexes-anchor__slot:empty+.t-indexes-anchor__header{display:block;} |
|---|
| | | .t-indexes-anchor__wrapper{will-change:transform;} |
|---|
| | | .t-indexes-anchor__wrapper--sticky{position:fixed;top:var(--td-indexes-anchor-top,0);left:0;width:100%;z-index:1;} |
|---|
| | | .t-indexes-anchor__wrapper--active{color:var(--td-indexes-anchor-active-color,var(--td-brand-color,var(--td-primary-color-7,#0052d9)));font-weight:var(--td-indexes-anchor-active-font-weight,600);} |
|---|
