nomore.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. .tui-loadmore-none {
  2. width: 50%;
  3. margin: 1em auto;
  4. line-height: 1.5em;
  5. font-size: 24rpx;
  6. display: flex;
  7. justify-content: center;
  8. }
  9. .tui-nomore {
  10. width: 100%;
  11. height: 100%;
  12. position: relative;
  13. display: flex;
  14. justify-content: center;
  15. margin-top: 10rpx;
  16. padding-bottom: 6rpx;
  17. }
  18. .tui-nomore::before {
  19. content: ' ';
  20. position: absolute;
  21. border-bottom: 1rpx solid #e5e5e5;
  22. -webkit-transform: scaleY(0.5);
  23. transform: scaleY(0.5);
  24. width: 100%;
  25. top: 18rpx;
  26. left: 0;
  27. }
  28. .tui-nomore-text {
  29. color: #999;
  30. font-size: 24rpx;
  31. text-align: center;
  32. padding: 0 18rpx;
  33. height: 36rpx;
  34. line-height: 36rpx;
  35. position: relative;
  36. z-index: 1;
  37. }
  38. .tui-nomore-dot {
  39. position: relative;
  40. text-align: center;
  41. -webkit-display: flex;
  42. display: flex;
  43. justify-content: center;
  44. margin-top: 10rpx;
  45. padding-bottom: 6rpx;
  46. }
  47. .tui-nomore-dot::before {
  48. content: '';
  49. position: absolute;
  50. border-bottom: 1rpx solid #e5e5e5;
  51. -webkit-transform: scaleY(0.5);
  52. transform: scaleY(0.5);
  53. width: 360rpx;
  54. top: 18rpx;
  55. }
  56. .tui-dot-text {
  57. position: relative;
  58. color: #e5e5e5;
  59. font-size: 10px;
  60. text-align: center;
  61. width: 50rpx;
  62. height: 36rpx;
  63. line-height: 36rpx;
  64. -webkit-transform: scale(0.8);
  65. transform: scale(0.8);
  66. -webkit-transform-origin: center center;
  67. transform-origin: center center;
  68. z-index: 1;
  69. }