pfhwyigou/frontend/views/public/signup.php

<!-- <link rel="stylesheet" href="/js/signup/signup.css"> -->
<style>

/*2018.7.26    明  移过来内页方便快速加载*/
  .Content{height:100%;}
.m_signUp_box{z-index:1000;position:relative;}
.m_signUp{border:1px solid;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;background-color:#000;opacity:0.3;}
.m_form{width:80%;position:absolute;left:50%;margin-left:-40%;z-index:110;border-radius:10px;overflow:hidden;background:#FFF;padding-bottom:40px;box-shadow:7px 7px 20px 0px rgba(70, 54, 54, 0.35);
animation:change 0.4s;
-webkit-animation:change 0.4s;
-moz-animation:change 0.4s; 
-o-animation:change 0.4s; 

}

@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

-webkit-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

-moz-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}
-o-@keyframes change {
  0% {left:100%;opacity:0;}
  100% {opacity:1;}
}

.m_form_title{height:110px;background: url("/overseas/img/m_xbm1.png") no-repeat 0 0 / 100% 100%;text-align:center;line-height:135px;font-size:1.5rem;color:#FFF;position:relative;}
.m_form_title img{width:37%;display:block;position:absolute;bottom:9px;left:50%;margin-left:-19%;}
.m_form_input{border:1px solid #D2CFCF;width:85%;height:40px;margin:auto;margin-bottom:15px;position:relative;top:13px;background:#FBFBFB;}
.m_form_input img{display: block;width:13px;margin-top:10px;float:left;margin-left:14px;}
.m_form_input input{outline:none;background:#fbfbfb;border-radius:0;float:left;width:80%;height:60%;border:0;margin-left:10px;font-size:0.9rem;color:#9b9b9b;border-left:1px solid;margin-top:8px;padding-left:5px;}
.m_button{outline:none;width:85%;height:40px;border:0;background:#FF5849;border-radius:5px;margin:auto;display: block;margin-top:28px;font-size:1.1rem;color:#FFF;position:relative;z-index:100;}
.y_fonr_text{font-size: 0.8rem; color: #666; width: 85%; margin: 0 auto; line-height: 20px;margin-top:5px;}
.m_close{position:absolute;top:5%;left:50%;z-index:100;width:36px;margin-left:130px;margin-top:54px;
animation:change 0.4s;
-webkit-animation:change 0.4s;
-moz-animation:change 0.4s;
-o-animation:change 0.4s;
}

.m_close img{width:100%;display:block;}
.m_form_input input:-webkit-input-placeholder {color: #8AC6FE;}
.m_form_input input:-moz-placeholder {color: #8AC6FE;}
.m_form_input input:-ms-input-placeholder {color: #8AC6FE;}
.m_form_input input:-o-input-placeholder {color: #8AC6FE;}


/*报名 20180809修改 */
.lpapply{ position: absolute; left: 50%; top: -100%; z-index:16; width:300px; margin-left: -150px;}
.lpapply_main{ position: relative;}
.lpapple_xian{display: block; text-align: center; position: relative; z-index: 16; height: 120px; width
: auto}
.lpapple_xian img{ height: 100%; width: auto;}
.lpapply_top{ position: relative; top: -25px; z-index: 15;}
.lpapply_top p.topimg{ width: 100%; height: auto;position: relative; top: 2px;}
.lpapply_top p.topimg img{ width: 100%; height: auto;}
.lpapply_top .lpapply_topconter{ width: 100%; height: auto; background: #fff; border-radius: 0 0 10px 10px; padding: 0 20px 20px;}
.lpapply_top .lpapply_topconter .title{ font-size: 1.2rem; color: #40a0eb; font-weight: 600; text-align: center;}
.lpapply_top .lpapply_topconter .texi{ width: 95%; margin: 0 auto; font-size: 0.8rem; line-height: 20px; color: #999; text-align: center; margin-top: 5px; }
.lpapply_top .lpapply_topconter .texi em{ color: #f56140;}
.lpapply_top .lpapply_topconter .input_text{ -webkit-user-modify: read-write-plaintext-only; margin-top: 10px; width: 100%; background: #f1f1f1; border-radius: 30px; border: none; text-align: center; height: 38px; font-size: 0.9rem;color: #666; padding: 0 15px;}
.lpapply_top .lpapply_topconter .bmipc{ border: none; margin: 15px 0px 10px 0; font-size: 1.2rem; background: #40a0eb; color: #fff; text-align: center; font-weight:600; display: block; width: 100%; padding: 6px 0; border-radius: 30px;}
.lpapply_gb{ width: 40px; height: 40px; margin: 0 auto;}
.lpapply_gb img{ width: 100%; height: 100%;}


@media screen and (min-width: 300px) and (max-width: 374px) { 
  .m_close{margin-left:115px;margin-top:40px;width:30px;}
  .m_form_title{height:100px;}
  .m_form{padding-bottom:28px;}
}


</style>



<div class="lpapply">
  <div class="lpapply_main">
    <i class="lpapple_xian"><img src="/overseas/img/lpapply_ico1.png" alt=""></i>
    <div class="lpapply_top">
      <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="topimg"><img src="/overseas/img/lpapply_ico2.png" alt=""></p>
        <div class="lpapply_topconter">
          <p class="title">报名看房</p>
          <p class="texi">24小时<em>免费接机</em>、看房活动<em>专车直达</em>、享独家<em>优惠</em></p>
          <input class="input_text" name="mobile" onfocus="move();" type="text" placeholder="请输入您的手机号码" >
          <input type="button" value="确定"  class="bmipc apply_submit">
        </div>
      </form>
    </div>
    <div class="lpapply_gb"><a href="javascript:;"><img src="/overseas/img/lpapply_ico3.png" alt=""></a></div>
    <!-- <div class="m_close"><img src="/overseas/img/m_bm4.png" alt=""></div> -->
  </div>
</div>




<script>
  $(function(){
    // 修改页面适应样式
    var _height = $(window).outerHeight(); 
    // var _h2 = $('.m_form').outerHeight();
    _h2 = Math.floor(_height/5);
    $('.m_signUp_box').css('height',_height);
    // $('.m_form').css('margin-top',+_h2+'px');
    $(".lpapply").animate({top:"0px"},300);


    // 修改弹窗信息
    $('.lpapply_topconter p.title').html(w_title);
    $('.submit_area input[name="hid"]').val(w_id);
    $('.submit_area input[name="source"]').val(w_module);
    $('.lpapply_topconter p.texi').html(w_text);


    // 2018.8.17 修改报名窗口位置
    // $('.m_form_input input[name="mobile"]').on('focus',function(){
    //    $('.m_form').css('margin-top',+_h2+'px')
    // })

    
    
    // 修改弹窗标题图片
    // console.log(w_title);
    // switch(w_title)
    // {
    // case '报名看房':
    //    $('.m_form_title img').attr('src','/overseas/img/m_bmkf1.png');
    //    break;
    // case '降价通知':
    //    $('.m_form_title img').attr('src','/overseas/img/m_jjtz1.png');
    //    break;
    // case '开盘通知':
    //    $('.m_form_title img').attr('src','/overseas/img/m_kptz1.png');
    //    break;
    // case '了解项目':
    //    $('.m_form_title img').attr('src','/overseas/img/m_ljxm1.png');
    //    break;
    // case '看房专车':
    //    $('.m_form_title img').attr('src','/overseas/img/m_kfzc1.png');
    //    break;
    // default:
    //    $('.m_form_title img').attr('src','/overseas/img/m_bmkf1.png');
    // }




    // 删除
    $('.lpapply_gb').on('click',function(){
        RemoveDiv();
    })

    //报名验证及提交的调用
    PublicAction.AjaxSend(
        {
            CORID:'apply_submit',                    /*操作ID*/
        }
    );

  })
  function move(){
       $(".lpapply").css("top", "-75px");
       $('.input_text').attr('placeholder','');
       $('.input_text').css('text-align','left');
  }


</script>