pfhwyigou/mobile/views/public/signup.php

<style>
.yv2_signup{
  width: 86%;
  position: fixed;
  left: 50%;
  margin-left: -43%;
  top: 20%;
  height: auto;
  background: #fff;
  z-index: 305;
}
.yv2_signup_bg{
  width: 100%;
  height:100%;
  background: rgba(0,0,0,0.5);
  z-index: 300;
  position: fixed;
  left: 0;
  top: 0;
}
.yv2_signupBox{
  width: 85%;
  margin: 0 auto;
  position: relative;
  padding: 20px 0;
}
.yv2_signup_gb{
  position: absolute;
  z-index: 2;
  top: 10px;
  right: -10px;
  width: 15px;
  height: 15px;
}
.yv2_signup_gb img{
  width: 100%;
  height: 100%;
}
.yv2_signupBox_title{
  font-size: 1.125rem;
  color: #333;
  font-weight: bold;
}
.yv2_signupBox_ico{
  width: 100%;
  height: auto;
  margin-top: 10px;
}
.yv2_signupBox_ico img{
  width: 100%;
  height: 100%;
}
.yv2_signupBox_text{
  font-size: 0.875rem;
  color:#666;
  line-height: 20px;
  margin-top: 10px;
}
.yv2_signupBox_form{
  width: 100%;
  height: auto;
  margin-top: 25px;
}
.yv2_signupBox_form p.text_input{
  width: 100%;
  height: 40px;
  border: 1px solid #eee;
  border-radius: 2px;
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content:flex-start;
  align-items:center;
}
.yv2_signupBox_form p.text_input img{
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 5px;
}
.yv2_signupBox_form p.text_input input{
  display: inline-block;
  width: 85%;
  height: 35px;
  font-size: 0.875rem;
  color: #666;;
  border: none;
  background: #fff;
  margin-left: 8px;
}
.yv2_signupBox_form a{
  margin-top: 15px;
  margin-bottom: 5px;
  display: block;
  height: 40px;
  width: 100%;
  background: #43A6F5;
  color: #fff;
  text-align: center;
  line-height: 40px;
  font-size: 0.937rem;
  font-weight: bold;
  border-radius: 2px;
}

</style>
<div class="yv2_signup">
  <div class="yv2_signupBox">
    <div class="yv2_signup_gb"><a href="javasscript:;"><img src="/overseas/img/v2image/sign_ico1.png" alt=""></a></div>
    <div class="yv2_signupBox_title">报名看房</div>
    <div class="yv2_signupBox_ico"><img src="/overseas/img/v2image/sign_bm1.png" alt=""></div>
    <div class="yv2_signupBox_text">我们将为您保密个人信息！专业团队，一对一服务，让您全程无忧看房！</div>
    <div class="yv2_signupBox_form">
      <form class="submit_area">
        <input type="hidden" name="hid" value="0">              <!-- 0 为公共报名，其它为楼盘ID-->
        <input type="hidden" name="source" value="3">     <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
        <input type="hidden" name="equipment" value="1">        <!--来源设备 （ PC端  2,手机端   1 ）-->
        <p class="text_input">
          <img src="/overseas/img/v2image/sign_ico2.png" alt="">
          <input type="text" name="mobile" onfocus="move();" type="text" placeholder="请输入您的手机号码">
        </p>
        <a href="javascript:;" class="apply_submit">立即提交</a>
      </form>
    </div>
  </div>
</div>
<div class="yv2_signup_bg"></div>


<script>
  //  bm_title,bm_hid,bm_text,bm_source;  //为了这些变量在其它地方用；
  $('.yv2_signup .yv2_signupBox_title').html(bm_title)
  $('.yv2_signup input[name="source"]').html(bm_source)
  $('.yv2_signup input[name="hid"]').html(bm_hid)
  $('.yv2_signup .yv2_signupBox_text').html(bm_text)

  // 修改弹窗标题图片
  // console.log(bm_title);
  switch(bm_title)
  {
  case '报名看房':
      $('.yv2_signupBox_ico img').attr('src','/overseas/img/v2image/sign_bm1.png');
      break;
  case '询首付月供':
      $('.yv2_signupBox_ico img').attr('src','/overseas/img/v2image/sign_bm2.png');
      break;
  case '开盘通知':
      $('.yv2_signupBox_ico img').attr('src','/overseas/img/v2image/sign_bm3.png');
      break;
  case '预约直播':
      $('.yv2_signupBox_ico img').attr('src','/overseas/img/v2image/sign_bm4.png');
      break;
  case '领取优惠':
      $('.yv2_signupBox_ico img').attr('src','/overseas/img/v2image/sign_bm5.png');
      break;
  case '户型报价':
      $('.yv2_signupBox_ico img').attr('src','/overseas/img/v2image/sign_bm2.png');
      break;
  case '锁定优惠':
      $('.yv2_signupBox_ico img').attr('src','/overseas/img/v2image/sign_bm5.png');
      break;
  default:
      $('.yv2_signupBox_ico img').attr('src','/overseas/img/v2image/sign_bm1.png');
  }
  $('.yv2_signup_gb a,.yv2_signup_bg').on('click',function(){
    RemoveDiv();
  })
  function move(){
      $(".yv2_signup").css("top", "15%");
      
  }
</script>