indexes.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .t-float-left {
  2. float: left;
  3. }
  4. .t-float-right {
  5. float: right;
  6. }
  7. @keyframes tdesign-fade-out {
  8. from {
  9. opacity: 1;
  10. }
  11. to {
  12. opacity: 0;
  13. }
  14. }
  15. .hotspot-expanded.relative {
  16. position: relative;
  17. }
  18. .hotspot-expanded::after {
  19. content: '';
  20. display: block;
  21. position: absolute;
  22. left: 0;
  23. top: 0;
  24. right: 0;
  25. bottom: 0;
  26. transform: scale(1.5);
  27. }
  28. .t-indexes {
  29. position: relative;
  30. height: 100vh;
  31. }
  32. .t-indexes__sidebar {
  33. position: fixed;
  34. right: var(--td-indexes-sidebar-right, 16rpx);
  35. width: var(--td-indexes-sidebar-item-size, 40rpx);
  36. color: var(--td-indexes-sidebar-color, var(--td-font-gray-1, rgba(0, 0, 0, 0.9)));
  37. font-size: var(--td-indexes-sidebar-font-size, 24rpx);
  38. line-height: var(--td-indexes-sidebar-line-height, 40rpx);
  39. display: flex;
  40. flex-flow: column nowrap;
  41. top: 50%;
  42. transform: translateY(-50%);
  43. z-index: 1;
  44. }
  45. .t-indexes__sidebar-item {
  46. border-radius: 50%;
  47. position: relative;
  48. text-align: center;
  49. }
  50. .t-indexes__sidebar-item--active {
  51. background-color: var(--td-indexes-sidebar-active-bg-color, var(--td-primary-color, #0052d9));
  52. color: var(--td-indexes-sidebar-active-color, var(--td-white-color-1, #fff));
  53. }
  54. .t-indexes__sidebar-item + .t-indexes__sidebar-item {
  55. margin-top: 4rpx;
  56. }
  57. .t-indexes__sidebar-tips {
  58. width: var(--td-indexes-sidebar-tips-size, 96rpx);
  59. height: var(--td-indexes-sidebar-tips-size, 96rpx);
  60. line-height: var(--td-indexes-sidebar-tips-size, 96rpx);
  61. text-align: center;
  62. font-size: var(--td-indexes-sidebar-tips-font-size, 40rpx);
  63. font-weight: 700;
  64. color: var(--td-indexes-sidebar-tips-color, var(--td-primary-color, #0052d9));
  65. background-color: var(--td-indexes-sidebar-tips-bg-color, var(--td-primary-color-1, #ecf2fe));
  66. border-radius: 50%;
  67. position: absolute;
  68. top: 50%;
  69. bottom: 0;
  70. transform: translateY(-50%);
  71. right: var(--td-indexes-sidebar-tips-right, 76rpx);
  72. }