6.29 活动联系人样式修改

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;
                     }
                 }
             }

src/pages/PartyMemberTopic/Home/index.tsx

@@ -130,14 +130,15 @@ const BottomCardContent = (props: any) => {
             <div className='bottom-card'>
                 <div className='bottom-card-flex'>
                     <div className='bottom-card-title'>
-                        <Tooltip placement="topLeft" title={`${props.data.remark} ${props.data.contactName}`}>
+                        <span>{props.data.contactName}</span>
-                            <span>{props.data.contactName}</span>
-                            {isNotEmpty(props.data.remark) && <span className='bottom-card-title-type'>({props.data.remark})</span>}
-                        </Tooltip>
-
                     </div>
                     <img src={topic_bottom_button} onClick={() => props.onClick()} />
                 </div>
+                <div className='bottom-card-remark'>
+                    <Tooltip placement="topLeft" title={props.data.remark}>
+                        <span className='bottom-card-remark-text'>{props.data.remark}</span>
+                    </Tooltip>
+                </div>
                 <div className='bottom-card-content'>
                     <div>邮箱：{props.data.contactEmail}</div>
                     <div>电话：{props.data.contactMobiphone}</div>