index.wxss 802 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. .slides {
  2. height: 380rpx;
  3. }
  4. .slides navigator,
  5. .slides image {
  6. min-width: 100%;
  7. height: 100%;
  8. }
  9. .grids {
  10. display: flex;
  11. flex-wrap: wrap;
  12. border-top: 1rpx solid #eee;
  13. border-left: 1rpx solid #eee;
  14. background-color: #fff;
  15. }
  16. .grids .item {
  17. display: flex;
  18. flex-direction: column;
  19. justify-content: center;
  20. align-items: center;
  21. width: 33.3333333333%;
  22. height: 250rpx;
  23. border-right: 1rpx solid #eee;
  24. border-bottom: 1rpx solid #eee;
  25. box-sizing: border-box;
  26. }
  27. .grids .item image {
  28. width: 70rpx;
  29. height: 70rpx;
  30. }
  31. .grids .item text {
  32. margin-top: 20rpx;
  33. color: #999;
  34. font-size: 28rpx;
  35. }
  36. .links {
  37. display: flex;
  38. justify-content: space-between;
  39. margin: 10rpx 0;
  40. padding: 30rpx;
  41. background-color: #fff;
  42. }
  43. .links image {
  44. width: 330rpx;
  45. height: 185rpx;
  46. }