|
|
@@ -49,7 +49,7 @@
|
|
|
#tel-box{
|
|
|
background: url(../images/tel.png) no-repeat 5px 10px;
|
|
|
font-family: impact;
|
|
|
- padding: 25px 10px 5px 48px;
|
|
|
+ padding: 25px 10px 15px 48px;
|
|
|
position: fixed;
|
|
|
right: 9px;
|
|
|
top: 30%;
|
|
|
@@ -69,9 +69,11 @@
|
|
|
</head>
|
|
|
<body>
|
|
|
<div id="tel-box">
|
|
|
+
|
|
|
<div class="tel">
|
|
|
<p>13669284528 </p>
|
|
|
<p>18591965516</p>
|
|
|
+ <p class="word-scratchy" style="font-size: 16px;cursor: pointer;" onclick="contcat()"><span class="click"></span><span class="clickbt">在线体验</span></p>
|
|
|
</div>
|
|
|
</div>
|
|
|
<header class="header">
|
|
|
@@ -151,6 +153,7 @@
|
|
|
<li><a href="/list/case.html?id=6">数字化资产平台 </a></li>
|
|
|
</ul>
|
|
|
</li>
|
|
|
+ <li><a onclick="contcat()"><span>在线体验</span></a> </li>
|
|
|
</ul>
|
|
|
<div class="clearfix"></div>
|
|
|
</nav>
|
|
|
@@ -158,6 +161,30 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</header>
|
|
|
+ <div class="contcat-form-container">
|
|
|
+ <div class="contcat-form">
|
|
|
+ <div class="close">X</div>
|
|
|
+ <div class="form-item">
|
|
|
+ <div class="lable">公司名称</div>
|
|
|
+ <div class="form-item-cont">
|
|
|
+ <input class="company" type="text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item">
|
|
|
+ <div class="lable">姓名</div>
|
|
|
+ <div class="form-item-cont">
|
|
|
+ <input class="name" type="text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="form-item">
|
|
|
+ <div class="lable">手机号</div>
|
|
|
+ <div class="form-item-cont">
|
|
|
+ <input class="phone" type="text">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="contcatSubmit">提交</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<!-- banner开始 -->
|
|
|
<div class="banner">
|
|
|
<div class="swiper-container swiper-banner">
|
|
|
@@ -724,6 +751,44 @@
|
|
|
<script src="js/jquery.qrcode.min.js"></script>
|
|
|
<script src="js/main.js"></script>
|
|
|
<script type="text/javascript" src="js/swiper.min2.js"></script>
|
|
|
- <script type="text/javascript" src="js/index.js"></script>
|
|
|
+ <script type="text/javascript" src="js/index.js"></script>
|
|
|
+ <script>
|
|
|
+ function contcat(){
|
|
|
+ $('.contcat-form-container').show()
|
|
|
+ $('.contcat-form-container .company').val('')
|
|
|
+ $('.contcat-form-container .name').val('')
|
|
|
+ $('.contcat-form-container .phone').val('')
|
|
|
+ }
|
|
|
+ $('.contcat-form-container .close').click(function(){
|
|
|
+ $('.contcat-form-container').hide()
|
|
|
+ })
|
|
|
+ $('.contcat-form-container .contcatSubmit').click(function(){
|
|
|
+ var websiteId=188;
|
|
|
+ var companyName=$('.contcat-form-container .company').val()
|
|
|
+ var contactName=$('.contcat-form-container .name').val()
|
|
|
+ var contactIphone=$('.contcat-form-container .phone').val()
|
|
|
+ if(companyName.length<1) {alert('请填写公司名称');return}
|
|
|
+ if(contactName.length<1) {alert('请填写姓名');return}
|
|
|
+ if(contactIphone.length<1) {alert('请填写手机号');return}
|
|
|
+ $.ajax({
|
|
|
+ url:'http://webapi.xazhyc.com/guestbook/add',
|
|
|
+ data:JSON.stringify({websiteId,companyName,contactName,contactIphone}),
|
|
|
+ method:'post',
|
|
|
+ contentType: 'application/json',
|
|
|
+ success(res){
|
|
|
+ if(res.code===0){
|
|
|
+ $('.contcat-form-container').hide()
|
|
|
+ alert('提交成功！资料审核完毕，会有专业客服联系您')
|
|
|
+ }else{
|
|
|
+ alert('提交失败')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ error(){
|
|
|
+ alert('提交失败')
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+
|
|
|
+ </script>
|
|
|
</body>
|
|
|
</html>
|
