divider.wxss 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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. page {
  29. --td-divider-color: #e7e7e7;
  30. --td-divider-content-color: rgba(0, 0, 0, 0.4);
  31. }
  32. .t-divider--horizontal {
  33. display: flex;
  34. align-items: center;
  35. color: var(--td-divider-color);
  36. border-color: var(--td-divider-color);
  37. border-style: solid;
  38. border-width: 0;
  39. margin-top: 20rpx;
  40. margin-bottom: 20rpx;
  41. }
  42. .t-divider--horizontal::before,
  43. .t-divider--horizontal::after {
  44. display: block;
  45. flex: 1;
  46. box-sizing: border-box;
  47. border-color: inherit;
  48. border-style: inherit;
  49. border-width: 1rpx 0 0;
  50. }
  51. .t-divider--horizontal::before {
  52. content: '';
  53. }
  54. .t-divider--horizontal .t-divider__content:not(:empty) {
  55. margin: 0 24rpx;
  56. }
  57. .t-divider--vertical {
  58. display: flex;
  59. flex-direction: column;
  60. height: 1em;
  61. margin: 0 16rpx;
  62. color: var(--td-divider-color);
  63. border-color: var(--td-divider-color);
  64. border-style: solid;
  65. border-width: 0;
  66. }
  67. .t-divider--vertical::before,
  68. .t-divider--vertical::after {
  69. content: '';
  70. display: block;
  71. flex: 1;
  72. box-sizing: border-box;
  73. border-color: inherit;
  74. border-style: inherit;
  75. border-width: 0 1rpx 0 0;
  76. }
  77. .t-divider--vertical-center {
  78. display: flex;
  79. align-items: center;
  80. height: 100%;
  81. }
  82. .t-divider--dashed {
  83. border-style: dashed;
  84. }
  85. .t-divider__content {
  86. font-size: 24rpx;
  87. line-height: 40rpx;
  88. color: var(--td-divider-content-color);
  89. }
  90. .t-divider--center::after,
  91. .t-divider--left::after,
  92. .t-divider--right::after {
  93. content: '';
  94. }
  95. .t-divider--left::before {
  96. max-width: 60rpx;
  97. }
  98. .t-divider--right::after {
  99. max-width: 60rpx;
  100. }