testSAS.wxss 819 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. page {
  2. width: 100vw;
  3. display: flex;
  4. flex-direction: column;
  5. background: #F8F9FA;
  6. padding-bottom: 120px;
  7. }
  8. .container {
  9. display: flex;
  10. padding-right: 30rpx;
  11. flex-direction: row;
  12. flex-wrap: wrap;
  13. }
  14. .card-item {
  15. width: 327rpx;
  16. margin-left: 30rpx;
  17. height: 336rpx;
  18. margin-top: 40rpx;
  19. position: relative;
  20. }
  21. .card-bg {
  22. display: block;
  23. width: 327rpx;
  24. height: 336rpx;
  25. }
  26. .card-content {
  27. position: absolute;
  28. top: 0;
  29. left: 0;
  30. width: 327rpx;
  31. height: 336rpx;
  32. display: flex;
  33. flex-direction: column;
  34. justify-content: center;
  35. align-items: center;
  36. }
  37. .card-icon {
  38. display: block;
  39. width: 56rpx;
  40. height: 56rpx;
  41. }
  42. .card-content text {
  43. width: 260rpx;
  44. text-align: center;
  45. white-space: wrap;
  46. margin-top: 30rpx;
  47. font-size: 32rpx;
  48. line-height: 40rpx;
  49. color: #FFFFFF;
  50. }