index.acss 681 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. .grid {
  2. display: flex;
  3. flex-direction: row;
  4. flex-wrap: wrap;
  5. }
  6. .grid-item {
  7. width: 28%;
  8. text-align: center;
  9. padding-top: 28%;
  10. margin-left: 4%;
  11. margin-bottom: 4%;
  12. position: relative;
  13. box-shadow: 0 0 8rpx rgba(0, 0, 0, 0.1);
  14. border-radius: 10rpx;
  15. background-color: white;
  16. }
  17. .grid-item-wrapper {
  18. position: absolute;
  19. left: 0;
  20. top: 0;
  21. width: 100%;
  22. height: 100%;
  23. display: flex;
  24. justify-content: center;
  25. align-items: center;
  26. flex-direction: column;
  27. }
  28. .grid-icon {
  29. width: 64rpx;
  30. height: 64rpx;
  31. }
  32. .grid-text {
  33. color: #000;
  34. font-size: 28rpx;
  35. line-height: 1;
  36. margin-top: 28rpx;
  37. }