index.wxss 951 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .top{
  2. position: relative;
  3. height: 420rpx;
  4. }
  5. .top-bg{
  6. position: absolute;
  7. bottom: 0rpx;
  8. height: 320rpx;
  9. width: 100%;
  10. z-index: -999;
  11. }
  12. .top-bg image{
  13. width: 100%;
  14. height: 100%;
  15. }
  16. .heardimg{
  17. width: 100%;
  18. padding-top: 34rpx;
  19. display: flex;
  20. justify-content: center;
  21. position: relative;
  22. }
  23. .heard-img{
  24. width: 138rpx;
  25. height: 138rpx;
  26. border-radius: 50%;
  27. }
  28. .setting{
  29. position: absolute;
  30. top: 24rpx;
  31. right: 56rpx;
  32. width: 32rpx;
  33. height: 32rpx;
  34. }
  35. .nickName{
  36. display: flex;
  37. justify-content: center;
  38. margin-top: 12rpx;
  39. color: 30rpx;
  40. font-size: 30rpx;
  41. font-weight: bold;
  42. flex-wrap: wrap;
  43. }
  44. /* 顶部导航 */
  45. .top-nav{
  46. display: flex;
  47. justify-content: space-around;
  48. margin-top: 12rpx;
  49. }
  50. .top-nav view{
  51. display: flex;
  52. flex-direction: column;
  53. align-items: center;
  54. }
  55. .top-nav view image{
  56. width: 80rpx;
  57. height: 80rpx;
  58. }
  59. .top-nav text{
  60. color: #333;
  61. font-size: 26rpx;
  62. margin-top: 20rpx;
  63. }