pfhwyigou/mobile/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:85%;border-radius: 7px;position:absolute;left:50%;top:0;margin-left:-42.5%;z-index:110;overflow:hidden;background:#FFF;padding-bottom:30px;padding-top:45px;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% {top:-100%;opacity:0;}
  100% {opacity:1;}
}

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

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


.m_form_title_box{}
.m_form_title{padding:0 30px;}
.m_form_title span{font-size:1.5rem;color:#000;font-weight:600;}
/*.m_form_title em{width:22%;height:1px;position:relative;background:#FFF;display:block;}
.m_form_title em i{width:6px;height:6px;display:block;position:absolute;top:-2px;right:0;border-radius:50px;background:#FFF;}
*/


.m_form_input{width:85%;height:44px;margin:auto;margin-bottom:15px;background:#EEE;border-radius:5px;margin-top:20px;}
/*.m_form_input img{display: block;width:13px;margin-top:10px;float:left;margin-left:14px;}*/
.m_form_input input{text-align:center;outline:none;background:#EEE;border-radius:5px;float:left;width:100%;height:60%;border:0;font-size:0.875rem;color:#00011E;margin-top:8px;}
.m_button{outline:none;width:85%;height:45px;border:0;background:#D62F2F;border-radius:5px;margin:auto;display: block;margin-top:20px;font-size:1rem;color:#FFF;position:relative;z-index:100;}
.y_fonr_text{font-size: 0.875rem; color: #999; width: 85%; margin: 0 auto; line-height: 20px;margin-top:15px;}
.y_fonr_text i{color:#D62F2F;}
.m_close{position:absolute;right:15px;top:15px;z-index:100;width:36px;width:15px;height:15px;
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: #999;}
.m_form_input input:-moz-placeholder {color: #999;}
.m_form_input input:-ms-input-placeholder {color: #999;}
.m_form_input input:-o-input-placeholder {color: #999;}

.m_form_input .cle {display:inline-block;width:15px;height:15px;position:absolute;top:11px;right:10px;display:none;}


/*2020-1-3 首页新年特惠购房 报名弹窗*/
.wbuen {height:377px;background:url('/image/v2/windex9_2_1.png') no-repeat center/282px 377px;padding-top:58%;overflow:inherit;}
.wbuen .m_form_input {height:40px;border-radius:20px;margin-bottom:10px;position:relative; width: 75%;}
.wbuen .m_button {height:40px;border-radius:20px;margin-top:15px;color:rgba(0,0,0,0);font-weight:bold; width: 75%;
  background: url('/image/v2/windex9_2_2.png') no-repeat; background-size:100% 100%;
}
.wbuen .m_form_input input {width:85%;margin-left:18px;text-align:left;padding-left:25px;}
.wbuen .m_form_input .wtel {display:inline-block;position:absolute;top:11px;left:20px;width:13px;}
.wbuen .m_close {top:auto;right:50%;width:26px;height:26px; bottom: -40px; margin-right:-13px;}

/*2020-1-3 新春优惠更划算 报名弹窗*/
.wbuens {height:350px;background:url(/image/v2/windex10_3.png) no-repeat center/313px 350px;padding-top:56%;overflow:inherit;}
.wbuens .m_form_input {height:40px;border-radius:20px;margin-bottom:10px;position:relative;  width: 75%;}
.wbuens .m_button {height:40px;border-radius:20px;margin-top:15px;color:rgba(0,0,0,0);font-weight:bold; width: 75%;
 background: url('/image/v2/windex9_2_3.png') no-repeat; background-size:100% 100%;
}
.wbuens .m_form_input input {width:85%;margin-left:18px;text-align:left;padding-left:25px;}
.wbuens .m_form_input .wtel {display:inline-block;position:absolute;top:11px;left:20px;width:13px;}
.wbuens .m_close {top:auto;right:50%;width:26px;height:26px; bottom: -40px; margin-right:-13px;}
</style>

<div class="m_signUp_box">
      <!-- <div class="m_signUp"></div> -->
      <form class="m_form 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 ）-->
            <div class="m_form_title_box">
                <div class="m_form_title">
                   <!-- <em><i></i></em> -->
                   <span>报名看房</span>
                   <!-- <em><i style="left:0;"></i></em> -->
                </div>
                <div class="y_fonr_text"></div>
            </div>
              <div class="m_form_input c">
                 <img class="cle" src="/image/w_cle.png" alt="">
                 <input name="mobile" type="text" placeholder="您的手机号码">
              </div>
              <input type="button" value="立即报名"  class="m_button apc_sbi">
              <div class="m_close"><img src="/image/v2/m_lpindex6.png" alt=""></div>
      </form>
      

  </div>




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


    // 修改弹窗信息
    // $('.m_form_title').html(w_title);
    $('.m_form input[name="hid"]').val(w_id);
    $('.m_form input[name="source"]').val(w_module);
    $('.y_fonr_text').html(w_text);
    if(w_button){
    $('.m_form input[type="button"]').val(w_button);
    }



    // 输入清除显示与隐藏
    $('.m_form_input input[name="mobile"]').on('keyup',function(){
        var txt = $(this).val();
        if(txt != ''){
            $('.m_form_input .cle').show();
        }else{
           $('.m_form_input .cle').hide();
        }
    })
    // 清除功能 
    $('.m_form_input .cle').on('click',function(){
        $('.m_form_input input[name="mobile"]').val('');
        $(this).hide();
    })
    
    
    $('.m_form_title span').html(w_title);

    console.log(w_title)
    // 2020-1-3 首页新年特惠购房
    if(w_title == '线上购房特惠中'){
      $('.m_form_title span').html('')
      $('form.m_form').addClass('wbuen');
      $('.wbuen .m_form_input').prepend('<img class="wtel" src="/image/v2/windex9_3.png" alt="">')
      $('.wbuen .m_close img').attr("src",'/image/v2/windex9_4.png');
    }
    // 2020-1-3 新春优惠更划算
    if(w_title == '房源动态订阅服务'){
      $('.m_form_title span').html('')
      $('form.m_form').addClass('wbuens');
      $('.wbuens .m_form_input').prepend('<img class="wtel" src="/image/v2/windex9_3.png" alt="">')
      $('.wbuens .m_close img').attr("src",'/image/v2/windex9_4.png');
    }

    // 删除
    $('.m_close').on('click',function(){
        $("body").off("click",'.apc_sbi');
        RemoveDiv();
    })

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

  })





  </script>