index.wxss 605 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. @import "../../../icon.wxss";
  2. .cart-btn {
  3. position: fixed;
  4. right: 30rpx;
  5. bottom: 40%;
  6. z-index: 100;
  7. }
  8. .cart-btn .icon {
  9. position: relative;
  10. width: 80rpx;
  11. height: 80rpx;
  12. margin-bottom: 20rpx;
  13. background: rgba(0, 0, 0, 0.5);
  14. border-radius: 50%;
  15. text-align: center;
  16. color: #fff;
  17. box-sizing: border-box;
  18. font-size: 20rpx;
  19. padding: 10rpx;
  20. }
  21. .cart-btn .btn.icon {
  22. line-height: 1.2;
  23. z-index: 100;
  24. }
  25. .cart-btn .iconfont {
  26. font-size: 30rpx;
  27. color: #fff;
  28. }
  29. .cart-btn .none-btn.icon .iconfont {
  30. font-size: 35rpx;
  31. }
  32. .cart-btn .none-btn.icon .name {
  33. margin-top: -3rpx;
  34. }