.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); } page { --td-indexes-title-color: #888888; --td-indexes-title-bg-color: #fbfbfb; --td-indexes-children-text-color: #000; --td-indexes-children-bg-color: white; --td-indexes-index-text-color: #000; --td-indexes-index-text-active-color: #0052d9; --td-indexes-index-bg-color: white; --td-indexes-tips-text-color: white; --td-indexes-tips-bg-color: #0052d9; } .t-indexes { position: relative; /* 覆盖weUI样式 */ } .t-indexes__title { color: var(--td-indexes-title-color); background-color: var(--td-indexes-title-bg-color); } .t-indexes__row { font-size: 32rpx; color: var(--td-indexes-children-text-color); background-color: var(--td-indexes-children-bg-color); height: 112rpx; display: flex; align-items: center; } .t-indexes__row::after { display: none; } .t-indexes__index { font-size: 32rpx; position: absolute; top: 60rpx; right: 0; width: 100rpx; color: var(--td-indexes-index-text-color); background-color: var(--td-indexes-index-bg-color); font-size: 24rpx; line-height: 48rpx; text-align: center; display: flex; flex-flow: column nowrap; top: 50%; transform: translateY(-50%); } .t-indexes__index .index-icon { font-size: 32rpx; } .t-indexes__bar { display: flex; flex-flow: column nowrap; } .t-indexes__btn { position: relative; } .t-indexes__btn.is-actived { color: var(--td-indexes-index-text-active-color); font-size: 32rpx; line-height: 56rpx; } .t-indexes__tips { width: 80rpx; height: 80rpx; line-height: 80rpx; text-align: center; vertical-align: middle; font-size: 40rpx; font-weight: 700; color: var(--td-indexes-tips-text-color); background-color: var(--td-indexes-tips-bg-color); border-radius: 40rpx 40rpx 0; position: absolute; top: 0; bottom: 0; right: 88rpx; margin: auto; transform: rotate(-45deg); } .t-indexes__tips-text { transform: rotate(45deg); } .t-indexes .weui-cells__title { font-size: 28rpx; font-weight: 800; color: #000; }