pfhwyigou/wechat/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;}





</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/4);
    $('.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);



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

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

  })





  </script>