Skip to content

W
www.fudou6.com
Commit f61ccb97 authored by liaili's avatar liaili
Browse files
Options

11

parent f9af8a30
Hide whitespace changes
Inline Side-by-side
Showing with 216 additions and 37 deletions
public/javascripts/project.js
View file @ f61ccb97
...@@ -7,7 +7,8 @@ ...@@ -7,7 +7,8 @@
var $errorDescription = $('.error-description'); var $errorDescription = $('.error-description');
var $introducerMobile = $('#introducerMobile'); var $introducerMobile = $('#introducerMobile');
var $projectDescription = $('#projectDescription'); var $projectDescription = $('#projectDescription');
var $modalBox = $('.modal-box'); var $modalBoxProject = $('.modal-box-project');
var $modalBoxSuccess = $('.modal-box-success');
var $introducer = $('#introducer'); var $introducer = $('#introducer');
...@@ -59,6 +60,7 @@ ...@@ -59,6 +60,7 @@
valiDescription(($projectDescription.val() + '').trim()); valiDescription(($projectDescription.val() + '').trim());
} }
}); });
/* /*
* 不需要在再次验证 * 不需要在再次验证
$introducer.on('submit', function (e) { $introducer.on('submit', function (e) {
...@@ -80,14 +82,26 @@ ...@@ -80,14 +82,26 @@
/** /**
* 地图项目地址弹框 * 地图项目地址弹框
*/ */
$('.hot-project-address a').click(function (e) { $('.hot-project-address a').on('click',function (e) {
e.preventDefault(); e.preventDefault();
$modalBox.show(500); $modalBoxProject.show(500);
}); });
$('#modalBoxHidden').click(function (e) { $('.modal-box-project').on('click',function (e) {
e.preventDefault(); e.preventDefault();
$modalBox.hide(500); $modalBoxProject.hide(500);
}); });
/**
* 项目提交弹框
*/
$submit.on('click',function(e){
e.preventDefault();
$modalBoxSuccess.show(500);
})
$('.modal-box-success a').on('click',function(e){
e.preventDefault();
$modalBoxSuccess.hide(500);
})
})(); })();
\ No newline at end of file
public/stylesheets/project.css
View file @ f61ccb97
...@@ -111,11 +111,11 @@ ...@@ -111,11 +111,11 @@
left: 0; left: 0;
top: -74px; top: -74px;
} }
.hot-project-introducer .introducer div:last-child { .hot-project-introducer .introducer div:nth-child(6) {
text-align: center; text-align: center;
margin-top: 55px; margin-top: 55px;
} }
.hot-project-introducer .introducer div:last-child input { .hot-project-introducer .introducer div:nth-child(6) input {
width: 333px; width: 333px;
height: 60px; height: 60px;
line-height: 60px; line-height: 60px;
...@@ -126,21 +126,96 @@ ...@@ -126,21 +126,96 @@
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
} }
.hot-project-introducer .introducer p { .hot-project-introducer .introducer > p {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
font-size: 18px; font-size: 18px;
color: #ff4a4b; color: #ff4a4b;
position: absolute; position: absolute;
} }
.hot-project-introducer .introducer p:nth-child(3) { .hot-project-introducer .introducer > p:nth-child(3) {
top: 102px; top: 102px;
right: -238px; right: -238px;
} }
.hot-project-introducer .introducer p:nth-child(5) { .hot-project-introducer .introducer > p:nth-child(5) {
top: 172px; top: 172px;
right: -152px; right: -152px;
} }
.hot-project-introducer .introducer .modal-box-success {
display: none;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999;
position: fixed;
}
.hot-project-introducer .introducer .modal-box-success .modal-dialog {
position: fixed;
left: 50%;
top: 50%;
margin-top: -200px;
margin-left: -300px;
width: 600px;
height: 400px;
background: #fff;
border-radius: 10px;
overflow: hidden;
}
.hot-project-introducer .introducer .modal-box-success .modal-dialog div:nth-child(1) {
width: 100%;
height: 80px;
background: #ff4a4b;
position: relative;
}
.hot-project-introducer .introducer .modal-box-success .modal-dialog div:nth-child(1) h5 {
padding-left: 50px;
line-height: 80px;
font-size: 24px;
color: #fff;
font-weight: normal;
}
.hot-project-introducer .introducer .modal-box-success .modal-dialog div:nth-child(1) a {
display: inline-block;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 50%;
border: 3px solid #fff;
font-size: 42px;
position: absolute;
right: 27px;
top: 15px;
cursor: pointer;
color: #fff;
}
.hot-project-introducer .introducer .modal-box-success .modal-dialog div:nth-child(2) {
position: relative;
}
.hot-project-introducer .introducer .modal-box-success .modal-dialog div:nth-child(2) i {
display: inline-block;
width: 69px;
height: 69px;
background: url(https://res.fudou6.com/c/4/20160730/e86YXBwb2ludG1lbnQtc3VjY2VzcyA=_69x69.png) no-repeat;
position: absolute;
left: 90px;
top: 8px;
}
.hot-project-introducer .introducer .modal-box-success .modal-dialog div:nth-child(2) h3 {
font-size: 50px;
font-weight: bold;
color: #ff4a4a;
margin: 43px 0;
padding-left: 180px;
}
.hot-project-introducer .introducer .modal-box-success .modal-dialog p {
font-size: 24px;
line-height: 28px;
text-align: center;
}
/* .hot-project-introducer end*/ /* .hot-project-introducer end*/
/* .hot-project-address start */ /* .hot-project-address start */
.hot-project-address { .hot-project-address {
...@@ -357,7 +432,7 @@ ...@@ -357,7 +432,7 @@
body { body {
position: relative; position: relative;
} }
.modal-box { .modal-box-project {
display: none; display: none;
top: 0; top: 0;
left: 0; left: 0;
...@@ -367,7 +442,7 @@ body { ...@@ -367,7 +442,7 @@ body {
z-index: 999; z-index: 999;
position: fixed; position: fixed;
} }
.modal-box .modal-dialog { .modal-box-project .modal-dialog {
position: fixed; position: fixed;
left: 50%; left: 50%;
top: 50%; top: 50%;
...@@ -378,33 +453,33 @@ body { ...@@ -378,33 +453,33 @@ body {
background: #fff; background: #fff;
padding-left: 70px; padding-left: 70px;
} }
.modal-box .modal-dialog h4 { .modal-box-project .modal-dialog h4 {
margin-top: 69px; margin-top: 69px;
font-size: 35px; font-size: 35px;
color: #000; color: #000;
} }
.modal-box .modal-dialog h3 { .modal-box-project .modal-dialog h3 {
font-size: 45px; font-size: 45px;
font-weight: bold; font-weight: bold;
color: #ff4a4a; color: #ff4a4a;
margin: 43px 0; margin: 43px 0;
} }
.modal-box .modal-dialog h6 { .modal-box-project .modal-dialog h6 {
font-size: 18px; font-size: 18px;
font-weight: bold; font-weight: bold;
margin-bottom: 20px; margin-bottom: 20px;
} }
.modal-box .modal-dialog p { .modal-box-project .modal-dialog p {
font-size: 18px; font-size: 18px;
width: 331px; width: 331px;
line-height: 28px; line-height: 28px;
} }
.modal-box .modal-dialog img { .modal-box-project .modal-dialog img {
position: absolute; position: absolute;
right: 55px; right: 55px;
top: 108px; top: 108px;
} }
.modal-box .modal-dialog b { .modal-box-project .modal-dialog a {
font-size: 42px; font-size: 42px;
position: absolute; position: absolute;
right: 27px; right: 27px;
......
public/stylesheets/project.less
View file @ f61ccb97
...@@ -191,7 +191,7 @@ ...@@ -191,7 +191,7 @@
top: -74px; top: -74px;
} }
} }
div:last-child { div:nth-child(6) {
text-align: center; text-align: center;
margin-top: 55px; margin-top: 55px;
input { input {
...@@ -206,20 +206,100 @@ ...@@ -206,20 +206,100 @@
text-align: center; text-align: center;
} }
} }
p { & > p {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
font-size: 18px; font-size: 18px;
color: #ff4a4b; color: #ff4a4b;
position: absolute; position: absolute;
&:nth-child(3) {
top: 102px;
right: -238px;
}
&:nth-child(5) {
top: 172px;
right: -152px;
}
} }
p:nth-child(3) { .modal-box-success {
top: 102px; display: none;
right: -238px; top: 0;
} left: 0;
p:nth-child(5) { bottom: 0;
top: 172px; right: 0;
right: -152px; margin: 0;
background: rgba(0, 0, 0, 0.3);
z-index: 999;
position: fixed;
.modal-dialog {
position: fixed;
left: 50%;
top: 50%;
margin-top: -200px;
margin-left: -300px;
width: 600px;
height: 400px;
background: #fff;
border-radius: 10px;
overflow: hidden;
div {
&:nth-child(1){
width: 100%;
height: 80px;
background: #ff4a4b;
position: relative;
h5 {
padding-left: 50px;
line-height: 80px;
font-size: 24px;
color: #fff;
font-weight: normal;
}
a {
display: inline-block;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 50%;
border: 3px solid #fff;
font-size: 42px;
position: absolute;
right: 27px;
top: 15px;
cursor: pointer;
color: #fff;
}
}
&:nth-child(2){
position: relative;
i {
display: inline-block;
width: 69px;
height: 69px;
background: url(https://res.fudou6.com/c/4/20160730/e86YXBwb2ludG1lbnQtc3VjY2VzcyA=_69x69.png)no-repeat;
position: absolute;
left:90px;
top:8px;
}
h3 {
font-size: 50px;
font-weight: bold;
color: #ff4a4a;
margin: 43px 0;
padding-left:180px;
}
}
}
p {
font-size: 24px;
line-height: 28px;
text-align: center;
}
}
} }
} }
} }
...@@ -459,7 +539,7 @@ ...@@ -459,7 +539,7 @@
body { body {
position: relative; position: relative;
} }
.modal-box { .modal-box-project {
display: none; display: none;
top: 0; top: 0;
left: 0; left: 0;
...@@ -504,7 +584,7 @@ body { ...@@ -504,7 +584,7 @@ body {
right: 55px; right: 55px;
top: 108px; top: 108px;
} }
b { a {
font-size: 42px; font-size: 42px;
position: absolute; position: absolute;
right: 27px; right: 27px;
......
views/index.hbs
View file @ f61ccb97
...@@ -26,8 +26,8 @@ ...@@ -26,8 +26,8 @@
<hr class="line-separate"/> <hr class="line-separate"/>
</div> </div>
<div class="character"> <div class="character">
<ul class="clear">z <ul class="clear">
{{#each character}} {#each character}}
<li> <li>
<div> <div>
<h3>{{this.sum}}</h3> <h3>{{this.sum}}</h3>
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
<h4>{{this.c2}}</h4> <h4>{{this.c2}}</h4>
</div> </div>
</li> </li>
{{/each}} {{each}}
</ul> </ul>
</div> </div>
<div class="projects"> <div class="projects">
......
views/product.hbs
View file @ f61ccb97
...@@ -65,7 +65,6 @@ ...@@ -65,7 +65,6 @@
<span class="errorName"></span> <span class="errorName"></span>
<span class="errorTel" ></span> <span class="errorTel" ></span>
</div> </div>
</form> </form>
...@@ -166,7 +165,5 @@ ...@@ -166,7 +165,5 @@
<h3>恭喜你预约成功</h3> <h3>恭喜你预约成功</h3>
</div> </div>
<p>富豆工作人员将第一时间与您取得联系!</p> <p>富豆工作人员将第一时间与您取得联系!</p>
</div> </div>
</div> </div>
\ No newline at end of file
views/project.hbs
View file @ f61ccb97
...@@ -40,6 +40,19 @@ ...@@ -40,6 +40,19 @@
</div> </div>
<p class="error-description"></p> <p class="error-description"></p>
<div><input type="submit" value="立即提交" disabled id="submit"/></div> <div><input type="submit" value="立即提交" disabled id="submit"/></div>
<div class="modal-box-success">
<div class="modal-dialog">
<div>
<h5>优质项目介绍</h5>
<a href="javascript:;">&times;</a>
</div>
<div>
<i></i>
<h3>恭喜你预约成功</h3>
</div>
<p>富豆工作人员将第一时间与您取得联系!</p>
</div>
</div>
</form> </form>
</div> </div>
</div> </div>
...@@ -102,13 +115,13 @@ ...@@ -102,13 +115,13 @@
</ul> </ul>
</div> </div>
<div class="modal-box"> <div class="modal-box-project">
<div class="modal-dialog"> <div class="modal-dialog">
<h4>中电投先融-西安灞桥</h4> <h4>中电投先融-西安灞桥</h4>
<h3>180天 </h3> <h3>180天 </h3>
<h6>基础设施类</h6> <h6>基础设施类</h6>
<p>认购光大信托计划，用于“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目</p> <p>认购光大信托计划，用于“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目</p>
<img src="../public/images/hot_project/success.jpg"> <img src="../public/images/hot_project/success.jpg">
<b id="modalBoxHidden">&times;</b> <a href="javascript:;">&times;</a>
</div> </div>
</div> </div>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment