publisher.wxss 1.3 KB

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