publisher.wxss 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. .top {
  2. display: flex;
  3. flex-direction: column;
  4. margin-top: 40rpx;
  5. }
  6. .brief-info {
  7. display: flex;
  8. justify-content: space-between;
  9. align-items: center;
  10. z-index: 1;
  11. width: 100%;
  12. }
  13. .brief-info-left {
  14. display: flex;
  15. align-items: center;
  16. margin-left: 40rpx;
  17. }
  18. .publisher-avatar {
  19. height: 120rpx;
  20. width: 120rpx;
  21. border-radius: 60rpx;
  22. z-index: 1;
  23. border-color: #9E9E9E;
  24. border-style: solid;
  25. border-width: 2rpx;
  26. background-color: #ffffff;
  27. box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
  28. }
  29. .publisher-name {
  30. font-size: 40rpx;
  31. background-color: #ffffff;
  32. border-radius: 20rpx;
  33. box-shadow: 5rpx 5rpx 8rpx 0rpx rgba(0, 0, 0, 0.16);
  34. padding: 10rpx 40rpx 10rpx 40rpx;
  35. margin-left: -20rpx;
  36. }
  37. .detailed-info {
  38. margin-left: 40rpx;
  39. margin-top: 20rpx;
  40. margin-right: 40rpx;
  41. margin-bottom: 25rpx;
  42. padding: 10rpx;
  43. }
  44. .publisher-intro {
  45. font-size: 24rpx;
  46. }
  47. .like {
  48. margin-right: 50rpx;
  49. height: 50rpx;
  50. width: 50rpx;
  51. }
  52. .check {
  53. display: flex;
  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-list {
  67. margin-top: 20rpx;
  68. display: flex;
  69. flex-direction: column;
  70. align-items: center;
  71. }