scroller.scss 934 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .cl-scroller__wrap {
  2. position: relative;
  3. height: 100%;
  4. overflow: hidden;
  5. }
  6. .cl-scroller {
  7. height: 100%;
  8. &__loading {
  9. display: flex;
  10. justify-content: center;
  11. align-items: center;
  12. width: 100%;
  13. position: absolute;
  14. left: 0;
  15. bottom: 100%;
  16. min-height: 100rpx;
  17. .cl-loading {
  18. position: relative;
  19. /* #ifdef MP-WEIXIN */
  20. top: 6rpx;
  21. /* #endif */
  22. }
  23. }
  24. &__view {
  25. height: 100%;
  26. }
  27. &__back-top {
  28. display: flex;
  29. flex-direction: column;
  30. justify-content: center;
  31. align-items: center;
  32. position: absolute;
  33. right: 30rpx;
  34. bottom: 100rpx;
  35. background-color: rgba(255, 255, 255, 0.8);
  36. border: 1rpx solid #ddd;
  37. height: 80rpx;
  38. width: 80rpx;
  39. border-radius: 80rpx;
  40. transform: translateX(160rpx);
  41. transition: all 0.3s;
  42. opacity: 0;
  43. z-index: 99;
  44. &.fadeIn {
  45. transform: translateX(0);
  46. opacity: 1;
  47. }
  48. &-text {
  49. font-size: 20rpx;
  50. color: #444;
  51. margin-top: -4rpx;
  52. }
  53. }
  54. }