ConsultantItem

src/onlineSelling/components/ConsultantItem/index.js

@@ -4,30 +4,37 @@ import './index.scss'
 export default function ConsultantItem(props) {
 
   const { data = {}, style, type, tips } = props
-
+  const handleHomepage = (e) => {
+    e.stopPropagation()
+    if (props.onHomepage) {
+      props.onHomepage()
+    }
+  }
   return (
     <Block>
       {(!data || !data.id) && tips == 'show' && (<View style="margin-top: 20px; text-align: center">暂无数据</View>)}
       {
         (data && (data.id || data.consultantPersonId)) &&
         (
-          <View className="card-item" style={style}>
-            <View onClick={() => props.onClick && props.onClick(data)}>
+          <View className="card-item" style={style} onClick={() => props.onClick && props.onClick(data)}>
+
+            <View className="flex-info" >
               <Image src={data.photo || data.avatar} className='avatar' ></Image>
-              {
-                (data.name || data.userName) &&
-                (
+              <View>
+                {
+                  (data.name || data.userName) &&
                   <View className="name">
                     {data.name || data.userName}
                     <Image src={require('@/assets/person/card.png')} className='card' ></Image>
                     {type == 'raiseProfile' && <View className="tip">您的专属置业顾问</View>}
                   </View>
-                )
-              }
-              <View className="phone">{data.phone}</View>
+                }
+                <View className="phone">{data.phone}</View>
+              </View>
             </View>
-            {!type && <View className="home" onClick={props.onHomepage}>主页</View>}
-            {type == 'raiseProfile' && <View className="contact" onClick={props.contactClick}>联系我<Text className="right-icon"></Text></View>}
+
+            {!type && <View className="home" onClick={handleHomepage}>主页</View>}
+            {type == 'raiseProfile' && <View className="contact" onClick={}>联系我<Text className="right-icon"></Text></View>}
           </View >
         )
       }

src/onlineSelling/components/ConsultantItem/index.scss

@@ -12,15 +12,18 @@
     width:92px;
     height:92px;
     border-radius:50%;
+    margin-right: 20px;
+  }
+  .flex-info{
+    display: flex;
+    align-items: center;
   }
   .name{
     font-size: 32px;
     color: #333;
     display: flex;
     align-items: center;
-    position: absolute;
-    left: 134px;
-    top:30px;
+    margin-bottom: 12px;
     .card{
       width:48px;
       height:35px;
@@ -36,14 +39,12 @@
   .phone{
     font-size: 28px;
     color: #666;
-    position: absolute;
-    left: 134px;
-    bottom:30px;
     font-weight:300;
   }
   .home{
     font-size: 28px;
     color: #333;
+    padding: 40px 24px;
   }
   .contact{
     position: absolute;