mescroll-up.css 892 B

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