logo

src/pages/person/index.js

@@ -194,7 +194,7 @@ export default class Person extends Component {
 
   renderDetail() {
     const { users, menus, roleName } = this.state
-    const { user: { userInfo: { miniApp: { name } } } } = this.props
+    const { user: { userInfo: { person: { org: { waterMark } }, miniApp: { name } } } } = this.props
     // const showQRCode = user.personType === ROLE_CODE['CONSULTANT'] || ROLE_CODE['ESTATE_AGENT'] || ROLE_CODE['CHANNEL_AGENT']
     // const isConsultant = user.personType == ROLE_CODE['CONSULTANT']
     // const isConsultant = user.personType
@@ -202,7 +202,10 @@ export default class Person extends Component {
       <View className="person">
         <Notice></Notice>
         <View className="info">
-          <Image className="bg" src={transferImage('https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/mine/background.png')} mode='aspectFill'></Image>
+          <Image className="bg" src={transferImage('https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/mine/background.png')} mode='widthFix'>
+            {waterMark && <Image className="logo" src={transferImage(waterMark)} mode='widthFix'></Image>}
+          </Image>
+
           <View className="content">
             <View className="info-block">
               <View className="avatar" onClick={this.goPersonDetail}>

src/pages/person/index.scss

@@ -116,8 +116,14 @@
   }
   .bg {
     width: 100%;
+    position: relative;
+  }
+  .logo{
+    position: absolute;
+    width: 200px;
+    right: 40px;
+    bottom: 88px;
   }
-
   .content {
     padding: 30px 40px;
     position: absolute;