ConsultantItem

src/onlineSelling/components/ConsultantItem/index.js

@@ -0,0 +1,17 @@
+import { View } from "@tarojs/components";
+import './index.scss'
+
+
+export default function CConsultantItem(props) {
+
+  const { data } = props
+
+  return (
+    <View className="card-item">
+      <Image src={data.photo || data.avatar} className='avatar' ></Image>
+      <View className="name">{data.name}<Image src={require('@/assets/person/card.png')} className='card' ></Image></View>
+      <View className="phone">{data.phone}</View>
+      <View className="home">主页</View>
+    </View >
+  );
+}

src/onlineSelling/components/ConsultantItem/index.scss

@@ -0,0 +1,43 @@
+.card-item{
+  width: 100vw;
+  height:156px;
+  background-color: #fff;
+  padding: 30px;
+  margin-bottom: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  position: relative;
+  .avatar{
+    width:92px;
+    height:92px;
+    border-radius:50%;
+  }
+  .name{
+    font-size: 32px;
+    color: #333;
+    display: flex;
+    align-items: center;
+    position: absolute;
+    left: 134px;
+    top:30px;
+    .card{
+      width:48px;
+      height:35px;
+      margin-left: 18px;
+      border-radius: 6px;
+    }
+  }
+  .phone{
+    font-size: 28px;
+    color: #666;
+    position: absolute;
+    left: 134px;
+    bottom:30px;
+    font-weight:300;
+  }
+  .home{
+    font-size: 28px;
+    color: #333;
+  }
+}

src/onlineSelling/pages/chooseConsultant/index.js

@@ -1,6 +1,6 @@
 import Taro, { Component } from '@tarojs/taro'
 import { View } from '@tarojs/components'
-import ConsultantItem from './item'
+import ConsultantItem from '../../components/ConsultantItem/index'
 import './index.scss'
 
 
@@ -25,9 +25,7 @@ export default class ConsultantList extends Component {
                 onClick={this.handleItemClick}>
               </ConsultantItem>
             ))
-          }
-        {/* <ConsultantItem consultantList={list}/> */}
-    
+          }    
       </View>
     )
   }

src/onlineSelling/pages/chooseConsultant/index.scss

@@ -3,47 +3,3 @@
   min-height: 100vh;
   padding-top: 20px;
 }
-.card-item{
-  width: 100vw;
-  height:156px;
-  background-color: #fff;
-  padding: 30px;
-  margin-bottom: 20px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  position: relative;
-  .avatar{
-    width:92px;
-    height:92px;
-    border-radius:50%;
-  }
-  .name{
-    font-size: 32px;
-    color: #333;
-    display: flex;
-    align-items: center;
-    position: absolute;
-    left: 134px;
-    top:30px;
-    .card{
-      width:48px;
-      height:35px;
-      margin-left: 18px;
-      border-radius: 6px;
-    }
-  }
-  .phone{
-    font-size: 28px;
-    color: #666;
-    position: absolute;
-    left: 134px;
-    bottom:30px;
-    font-weight:300;
-  }
-  .home{
-    font-size: 28px;
-    color: #333;
-  }
- 
-}

src/onlineSelling/pages/chooseConsultant/item.js

@@ -1,19 +0,0 @@
-import Taro, { Component } from '@tarojs/taro';
-import './index.scss'
-
-
-export default class Item extends Component {
-
-
-  render() {
-    const { data } = this.props
-    return (
-      <View className="card-item">
-        <Image src={data.photo || data.avatar} className='avatar' ></Image>
-        <View className="name">{data.name}<Image src={require('@/assets/person/card.png')} className='card' ></Image></View>
-        <View className="phone">{data.phone}</View>
-        <View className="home">主页</View>
-      </View >
-    );
-  }
-}