share_img.scss 802 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. page {
  2. background-color: #0F0F1D;
  3. width: 100vw;
  4. height: 100vh;
  5. }
  6. .page {
  7. background: linear-gradient( 180deg, #24234B 0%, #0F0F1D 100%);
  8. border-radius: 0rpx 0rpx 0rpx 0rpx;
  9. }
  10. .topBody {
  11. width: 100vw;
  12. height: calc(100vh - 88rpx);
  13. position: relative;
  14. .img {
  15. width: 100%;
  16. height: 100%;
  17. }
  18. .numlist {
  19. width: 100%;
  20. height: 170rpx;
  21. position: absolute;
  22. bottom: 64rpx;
  23. display: flex;
  24. justify-content: space-evenly;
  25. .icon{
  26. height: 176rpx;
  27. }
  28. .num {
  29. height: 100%;
  30. font-weight: bold;
  31. font-size: 40rpx;
  32. color: #FFFFFF;
  33. text-align: center;
  34. display: flex;
  35. flex-direction: column;
  36. justify-content: space-between;
  37. align-items: center;
  38. image {
  39. width:120rpx;
  40. }
  41. .name {
  42. font-size: 28rpx;color: #FFFFFF;font-weight: normal;
  43. }
  44. }
  45. }
  46. }