diff --git a/src/assets/topic/topic_bottom_button.png b/src/assets/topic/topic_bottom_button.png index 0dcdcfc..455995e 100644 Binary files a/src/assets/topic/topic_bottom_button.png and b/src/assets/topic/topic_bottom_button.png differ diff --git a/src/pages/PartyMemberTopic/Home/index.less b/src/pages/PartyMemberTopic/Home/index.less index 9575719..d9a7bf4 100644 --- a/src/pages/PartyMemberTopic/Home/index.less +++ b/src/pages/PartyMemberTopic/Home/index.less @@ -406,28 +406,22 @@ background-image: url("~@/assets/topic/topic_bottom_card_picture.png"); height: 157px; width: 331px; - padding: 16px; + padding: 12px 16px; margin-top: 18px; .bottom-card-flex { display: flex; justify-content: space-between; + align-items: center; .bottom-card-title { - font-size: 21px; + font-size: 20px; font-weight: bold; - width: 189px; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .bottom-card-title .bottom-card-title-type { - color: #df3b37; } } .bottom-card-flex img { + height: 30px; cursor: pointer; } @@ -436,10 +430,24 @@ filter: brightness(108%); } - .bottom-card-content { + .bottom-card-remark { + height: 22px; + } + + .bottom-card-remark .bottom-card-remark-text { + color: #df3b37; font-size: 16px; + width: 299px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .bottom-card-content { + font-size: 15px; color: #6f6f6f; - margin-top: 20px; + margin-top: 8px; + line-height: 24px; } } } diff --git a/src/pages/PartyMemberTopic/Home/index.tsx b/src/pages/PartyMemberTopic/Home/index.tsx index e792301..efc0573 100644 --- a/src/pages/PartyMemberTopic/Home/index.tsx +++ b/src/pages/PartyMemberTopic/Home/index.tsx @@ -130,14 +130,15 @@ const BottomCardContent = (props: any) => {