share_img.scss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. page {
  2. background-color: #161616;
  3. }
  4. .page {
  5. // background-color: #161616;
  6. width: 750rpx;height: 100vh;
  7. background: url('http://c.yujianmate.com/images/v1/bg.png');
  8. background-size: 750rpx 1624rpx;
  9. }
  10. .topbg {
  11. }
  12. .topBody {
  13. width:750rpx;
  14. }
  15. .header {
  16. display: flex;flex-direction: row;justify-content: space-between;align-items: center;color:$title;
  17. .title {
  18. font-size: 34rpx;
  19. }
  20. }
  21. .thread {
  22. height:210rpx;
  23. padding:50rpx;font-size: 52rpx;color:#6E6A6A;padding-top: 80rpx;
  24. }
  25. .myinfo {
  26. width: 690rpx;display:flex;flex-direction: column;margin:30rpx 30rpx 60rpx;
  27. justify-content: center;align-items: center;
  28. .img {
  29. border-radius: 10rpx;width:626rpx;height:978rpx;
  30. }
  31. .numlist {
  32. display: flex;flex-direction: row;justify-content: space-around;align-items: center;
  33. height: 188rpx;width:520rpx;
  34. .num {
  35. font-weight: bold;
  36. font-size: 40rpx;
  37. color: #FFFFFF;
  38. text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;
  39. .img2 {
  40. width: 96rpx;height: 96rpx;border-radius: 48rpx;
  41. background: #28292D;
  42. display: flex;flex-direction: row;justify-content: center;align-items: center;
  43. image {
  44. width:56rpx;
  45. }
  46. }
  47. .name {
  48. font-size: 28rpx;color: #fff;margin-top: 12rpx;font-weight: normal;
  49. }
  50. }
  51. }
  52. }
  53. .blankHeight {
  54. height:100rpx;
  55. }