mescroll-up.css 918 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. /* 上拉加载区域 */
  2. .mescroll-upwarp {
  3. box-sizing: border-box;
  4. min-height: 110rpx;
  5. padding: 30rpx 0;
  6. text-align: center;
  7. clear: both;
  8. }
  9. /*提示文本 */
  10. .mescroll-upwarp .upwarp-tip,
  11. .mescroll-upwarp .upwarp-nodata {
  12. display: inline-block;
  13. font-size: 28rpx;
  14. vertical-align: middle;
  15. /* color: gray; 已在style设置color,此处删去*/
  16. }
  17. .mescroll-upwarp .upwarp-tip {
  18. margin-left: 16rpx;
  19. }
  20. /*旋转进度条 */
  21. .mescroll-upwarp .upwarp-progress {
  22. display: inline-block;
  23. width: 32rpx;
  24. height: 32rpx;
  25. border-radius: 50%;
  26. border: 2rpx solid gray;
  27. border-bottom-color: transparent !important; /*已在style设置border-color,此处需加 !important*/
  28. vertical-align: middle;
  29. }
  30. /* 旋转动画 */
  31. .mescroll-upwarp .mescroll-rotate {
  32. animation: mescrollUpRotate 0.6s linear infinite;
  33. }
  34. @keyframes mescrollUpRotate {
  35. 0% {
  36. transform: rotate(0deg);
  37. }
  38. 100% {
  39. transform: rotate(360deg);
  40. }
  41. }