publisher.wxss 1.2 KB

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