detail

config/dev.js

@@ -5,14 +5,14 @@ module.exports = {
   defineConstants: {
     // HOST: '"http://47.101.36.130:8085"',//测试
     // WSS_HOST: '"wss://47.101.36.130:8085"',
-    // HOST: '"https://dev.pawoma.cn"',//测试
-    // WSS_HOST: '"wss://dev.pawoma.cn"',
+    HOST: '"https://dev.pawoma.cn"',//测试
+    WSS_HOST: '"wss://dev.pawoma.cn"',
     // HOST: '"https://dev.jinchengjiaye.com"',//测试
     // WSS_HOST: '"wss://dev.jinchengjiaye.com"',
     // HOST: '"https://lt.pawoma.cn"',
     // WSS_HOST: '"wss://lt.pawoma.cn"',
-    HOST: '"http://127.0.0.1:8080"',
-    WSS_HOST: '"ws://127.0.0.1:8080"',
+    // HOST: '"http://127.0.0.1:8080"',
+    // WSS_HOST: '"ws://127.0.0.1:8080"',
     Version: 'V3.5.9'
   },
   weapp: {},

src/app.js

@@ -118,6 +118,7 @@ class App extends Component {
         root: "onlineSelling",
         pages: [
           'pages/houseList/index',
+          'pages/detail/index',
         ],
       }
     ],

src/onlineSelling/pages/detail/index.js

@@ -0,0 +1,112 @@
+import Taro, { Component } from '@tarojs/taro';
+import './index.scss'
+import AchievePhone from '@/components/achievePhone'
+import AchieveAvatar from '@/components/achieveAvatar'
+import { connect } from '@tarojs/redux'
+import ready from '@/utils/ready'
+
+@connect(
+  ({ user }) => ({ ...user })
+)
+
+export default class Index extends Component {
+  config = {
+    navigationBarTitleText: '房源详情',
+  }
+
+  state = {
+    grantPhoneVisible: false, // 授权电话
+    grantAvatarVisible: false, // 授权头像
+  }
+
+
+
+  componentWillMount() {
+
+    ready.queue(() => {
+      // 分享场景需要先授权手机, 再授权头像
+      if (this.toggleGrantPhone()) {
+        this.toggleGrantAvatar()
+      }
+
+
+    })
+  }
+
+
+
+  // 调起授权电话
+  toggleGrantPhone = () => {
+    const { userInfo: { person: { phone, tel } } } = this.props
+    if (!phone && !tel) {
+      this.setState({ grantPhoneVisible: true })
+      return false
+    }
+    console.log('phone:', phone, 'tel:', tel, '!!!!!')
+    console.log(this.props, 'this.propsphone!!!!!')
+
+    return true
+  }
+
+  // 调起授权头像
+  toggleGrantAvatar = () => {
+    const { userInfo: { person: { avatarurl } } } = this.props
+
+    if (!avatarurl || avatarurl.indexOf('wx.qlogo.cn') === -1) {
+      this.setState({ grantAvatarVisible: true })
+      return false
+    }
+
+    console.log(avatarurl, "avatarurl")
+    console.log(this.props.userInfo, "this.props")
+    return true
+  }
+
+
+  render() {
+    const { grantPhoneVisible, grantAvatarVisible } = this.state
+    const { userInfo = { person: {} } } = this.props
+
+    return (
+      <Block>
+        {
+          grantPhoneVisible &&
+          <AchievePhone user={userInfo.person} onSuccess={this.toggleGrantAvatar}></AchievePhone>
+        }
+        {
+          grantAvatarVisible &&
+          <AchieveAvatar user={userInfo.person} onSuccess={() => { this.setState({ grantAvatarVisible: false }) }} ></AchieveAvatar>
+        }
+
+        <View className='detail'>
+          <Image className="cover-img" mode="aspectFill" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1581369637322&di=6065c2aee90f790b00d0c815f465ebc5&imgtype=0&src=http%3A%2F%2Fcyzs97.com%2FUploads%2FEditor%2FPicture%2F2018-10-18%2F5bc8330f2d06f.jpg"></Image>
+
+          <ScrollView
+            enableBackToTop
+            className="wrap"
+            scrollY>
+            <View className='detail__main'>
+
+              <View className="title">
+                <View className="name">A户型</View>
+                <View className="btn">询问优惠</View>
+              </View>
+              <View className="price">
+                现价：234万
+              </View>
+              <View className="area">
+               <Text> 建面<Text style="color:#FE1C1C">270</Text>m²</Text>
+               <Text style="margin-left:20rpx"> 套内<Text style="color:#FE1C1C">270</Text>m²</Text>
+              </View>
+
+            </View>
+          </ScrollView>
+
+
+
+        </View>
+
+      </Block>
+    );
+  }
+}

src/onlineSelling/pages/detail/index.scss

@@ -0,0 +1,51 @@
+@import "@/styles/mixins.scss";
+@import "@/styles/theme.scss";
+.detail {
+  position: relative;
+  width: 100%;
+  .cover-img{
+    width:100%;
+    height:600px;
+    position: fixed;
+    top: 0;
+  }
+  .wrap {
+    padding-top: 570px;
+    background: transparent;
+  }
+
+  &__main {
+    background: #fff;
+    border-radius: 28px 28px 0 0;
+    padding: 60px 30px;
+    .title{
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      .name{
+        font-size: 44px;
+        color: #333333;
+        font-weight: 600;
+      }
+      .btn{
+        background-color: #F3B82E;
+        font-size: 30px;
+        color: #fff;
+        padding: 14px 28px;
+        font-weight: 300;
+        border-radius: 36px;
+      }
+    }
+    .price{
+      color: #FE1C1C;
+      font-size: 38px;
+      font-weight: 600;
+    }
+    .area{
+      font-size: 34px;
+      color: #666;
+      font-weight: 300;
+      line-height: 50px;
+    }
+  }
+}

src/pages/project/detail/index.js

@@ -1069,6 +1069,19 @@ export default class Index extends Component {
       </Block>
     )
   }
+  renderChooseHouse() {
+
+    return (
+      <Block>
+        <View className="activity">
+          <View className="title">在线选房</View>
+          <View style={{ position: 'relative', padding: '0 30rpx' }} >
+            <Image style="height:388rpx;width:100%;border-radius: 24rpx;" src={transferImage(require('@/assets/empty.png'))} mode="aspectFill"></Image>
+          </View>
+        </View>
+      </Block>
+    )
+  }
 
   handleHelpClick(item) {
     Taro.navigateTo({
@@ -1524,6 +1537,8 @@ export default class Index extends Component {
                   </View>
                   {/* 项目亮点 */}
                   {projectDetail.highlightsCover && this.renderPoints()}
+                  {/* 在线选房 */}
+                  {/* {this.renderChooseHouse()} */}
                   {/* 项目顾问 */}
                   {this.renderConsuler()}
                   {/* 周边 */}