testSAS.wxss 800 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  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. }
  13. .card-item {
  14. width: 327rpx;
  15. margin-left: 30rpx;
  16. height: 336rpx;
  17. margin-top: 40rpx;
  18. position: relative;
  19. }
  20. .card-bg {
  21. display: block;
  22. width: 327rpx;
  23. height: 336rpx;
  24. }
  25. .card-content {
  26. position: absolute;
  27. top: 0;
  28. left: 0;
  29. width: 327rpx;
  30. height: 336rpx;
  31. display: flex;
  32. flex-direction: column;
  33. justify-content: center;
  34. align-items: center;
  35. }
  36. .card-icon {
  37. display: block;
  38. width: 56rpx;
  39. height: 56rpx;
  40. }
  41. .card-content text {
  42. width: 260rpx;
  43. text-align: center;
  44. white-space: wrap;
  45. margin-top: 30rpx;
  46. font-size: 32rpx;
  47. line-height: 40rpx;
  48. color: #FFFFFF;
  49. }