floatBtn.wxss 499 B

123456789101112131415161718192021222324252627282930313233343536
  1. .diyFloatBtn {
  2. position: fixed;
  3. z-index: 999;
  4. width: 80rpx;
  5. }
  6. .diyFloatBtn.fixed-1,
  7. .diyFloatBtn.fixed-3 {
  8. left: 20rpx;
  9. }
  10. .diyFloatBtn.fixed-2,
  11. .diyFloatBtn.fixed-4 {
  12. right: 20rpx;
  13. }
  14. .diyFloatBtn-item {
  15. display: inline-block;
  16. width: 80rpx;
  17. height: 80rpx;
  18. border-radius: 50%;
  19. text-align: center;
  20. box-sizing: border-box;
  21. margin-bottom: 10rpx;
  22. line-height: 1;
  23. padding: 0;
  24. }
  25. .diyFloatBtn-item::after {
  26. border: 0;
  27. }
  28. .diyFloatBtn-img {
  29. width: 80rpx;
  30. height: 80rpx;
  31. }