article.scss 819 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. page {
  2. background-color: #161616;
  3. width: 100%;
  4. height: 100%;
  5. }
  6. .page {
  7. background-color: #161616;
  8. width: 100%;
  9. height:100vh;
  10. }
  11. .header {
  12. display: flex;
  13. flex-direction: row;
  14. justify-content: flex-start;
  15. align-items: center;
  16. width: 750rpx;height: 320rpx;
  17. padding-top: calc(var(--status-bar-height) + 0rpx);
  18. background: url('../../static/home/top_bg.png');
  19. background-size: 100% 100%;
  20. .left {
  21. display: flex;flex-direction: row;width:200rpx;height:120rpx;
  22. justify-content: center;
  23. padding-left:50rpx;
  24. image {
  25. width:84rpx;height:52rpx;
  26. }
  27. }
  28. }
  29. .thread {
  30. height: 20rpx;
  31. }
  32. .thread2 {
  33. height: 60rpx;
  34. }
  35. .no-content {
  36. display: flex;flex-direction: column;justify-content: center;align-items: center;
  37. image {
  38. width:276rpx;height:276rpx;
  39. }
  40. font-weight: 400;
  41. font-size: 24rpx;
  42. color: #999999;
  43. }