publisher.wxss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. .top {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. margin-top: 40rpx;
  6. }
  7. .brief-info {
  8. display: flex;
  9. justify-content: space-between;
  10. align-items: center;
  11. z-index: 1;
  12. width: 100%;
  13. }
  14. .brief-info-left {
  15. display: flex;
  16. align-items: center;
  17. margin: 0rpx 0rpx 0rpx 40rpx;
  18. }
  19. .publisher-avatar {
  20. height: 120rpx;
  21. width: 120rpx;
  22. border-radius: 100rpx;
  23. z-index: 20;
  24. box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
  25. }
  26. .publisher-name {
  27. font-size: 40rpx;
  28. background-color: #ffffff;
  29. border-radius: 20rpx;
  30. box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
  31. padding: 10rpx 40rpx 10rpx 40rpx;
  32. margin-left: -30rpx;
  33. }
  34. .detailed-info {
  35. margin-left: 40rpx;
  36. margin-top: 20rpx;
  37. margin-right: 40rpx;
  38. margin-bottom: 25rpx;
  39. padding: 10rpx;
  40. }
  41. .publisher-intro {
  42. font-size: 24rpx;
  43. }
  44. .like {
  45. margin-right: 50rpx;
  46. height: 50rpx;
  47. width: 50rpx;
  48. }
  49. .check {
  50. display: flex;
  51. align-items: center;
  52. position: absolute;
  53. right: 50rpx;
  54. }
  55. .check-text {
  56. font-size: 24rpx;
  57. margin-right: 10rpx;
  58. }
  59. .arrow {
  60. height: 20rpx;
  61. width: 20rpx;
  62. }
  63. .card {
  64. margin-left: 20rpx;
  65. margin-right: 20rpx;
  66. }