Skip to content

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

11

parent f9af8a30
Show whitespace changes
Inline Side-by-side
Showing with 216 additions and 37 deletions
public/javascripts/project.js
View file @ f61ccb97
......@@ -7,7 +7,8 @@
var $errorDescription = $('.error-description');
var $introducerMobile = $('#introducerMobile');
var $projectDescription = $('#projectDescription');
var $modalBox = $('.modal-box');
var $modalBoxProject = $('.modal-box-project');
var $modalBoxSuccess = $('.modal-box-success');
var $introducer = $('#introducer');
......@@ -59,6 +60,7 @@
valiDescription(($projectDescription.val() + '').trim());
}
});
/*
* 不需要在再次验证
$introducer.on('submit', function (e) {
......@@ -80,14 +82,26 @@
/**
* 地图项目地址弹框
*/
$('.hot-project-address a').click(function (e) {
$('.hot-project-address a').on('click',function (e) {
e.preventDefault();
$modalBox.show(500);
$modalBoxProject.show(500);
});
$('#modalBoxHidden').click(function (e) {
$('.modal-box-project').on('click',function (e) {
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 @@
left: 0;
top: -74px;
}
.hot-project-introducer .introducer div:last-child {
.hot-project-introducer .introducer div:nth-child(6) {
text-align: center;
margin-top: 55px;
}
.hot-project-introducer .introducer div:last-child input {
.hot-project-introducer .introducer div:nth-child(6) input {
width: 333px;
height: 60px;
line-height: 60px;
......@@ -126,21 +126,96 @@
border-radius: 10px;
text-align: center;
}
.hot-project-introducer .introducer p {
.hot-project-introducer .introducer > p {
height: 40px;
line-height: 40px;
font-size: 18px;
color: #ff4a4b;
position: absolute;
}
.hot-project-introducer .introducer p:nth-child(3) {
.hot-project-introducer .introducer > p:nth-child(3) {
top: 102px;
right: -238px;
}
.hot-project-introducer .introducer p:nth-child(5) {
.hot-project-introducer .introducer > p:nth-child(5) {
top: 172px;
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-address start */
.hot-project-address {
......@@ -357,7 +432,7 @@
body {
position: relative;
}
.modal-box {
.modal-box-project {
display: none;
top: 0;
left: 0;
......@@ -367,7 +442,7 @@ body {
z-index: 999;
position: fixed;
}
.modal-box .modal-dialog {
.modal-box-project .modal-dialog {
position: fixed;
left: 50%;
top: 50%;
......@@ -378,33 +453,33 @@ body {
background: #fff;
padding-left: 70px;
}
.modal-box .modal-dialog h4 {
.modal-box-project .modal-dialog h4 {
margin-top: 69px;
font-size: 35px;
color: #000;
}
.modal-box .modal-dialog h3 {
.modal-box-project .modal-dialog h3 {
font-size: 45px;
font-weight: bold;
color: #ff4a4a;
margin: 43px 0;
}
.modal-box .modal-dialog h6 {
.modal-box-project .modal-dialog h6 {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
}
.modal-box .modal-dialog p {
.modal-box-project .modal-dialog p {
font-size: 18px;
width: 331px;
line-height: 28px;
}
.modal-box .modal-dialog img {
.modal-box-project .modal-dialog img {
position: absolute;
right: 55px;
top: 108px;
}
.modal-box .modal-dialog b {
.modal-box-project .modal-dialog a {
font-size: 42px;
position: absolute;
right: 27px;
......
public/stylesheets/project.less
View file @ f61ccb97
......@@ -191,7 +191,7 @@
top: -74px;
}
}
div:last-child {
div:nth-child(6) {
text-align: center;
margin-top: 55px;
input {
......@@ -206,22 +206,102 @@
text-align: center;
}
}
p {
& > p {
height: 40px;
line-height: 40px;
font-size: 18px;
color: #ff4a4b;
position: absolute;
}
p:nth-child(3) {
&:nth-child(3) {
top: 102px;
right: -238px;
}
p:nth-child(5) {
&:nth-child(5) {
top: 172px;
right: -152px;
}
}
.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;
.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;
}
}
}
}
}
/* .hot-project-introducer end*/
......@@ -459,7 +539,7 @@
body {
position: relative;
}
.modal-box {
.modal-box-project {
display: none;
top: 0;
left: 0;
......@@ -504,7 +584,7 @@ body {
right: 55px;
top: 108px;
}
b {
a {
font-size: 42px;
position: absolute;
right: 27px;
......
views/index.hbs
View file @ f61ccb97
......@@ -26,8 +26,8 @@
<hr class="line-separate"/>
</div>
<div class="character">
<ul class="clear">z
{{#each character}}
<ul class="clear">
{#each character}}
<li>
<div>
<h3>{{this.sum}}</h3>
......@@ -39,7 +39,7 @@
<h4>{{this.c2}}</h4>
</div>
</li>
{{/each}}
{{each}}
</ul>
</div>
<div class="projects">
......
views/product.hbs
View file @ f61ccb97
......@@ -65,7 +65,6 @@
<span class="errorName"></span>
<span class="errorTel" ></span>
</div>
</form>
......@@ -166,7 +165,5 @@
<h3>恭喜你预约成功</h3>
</div>
<p>富豆工作人员将第一时间与您取得联系!</p>
</div>
</div>
\ No newline at end of file
views/project.hbs
View file @ f61ccb97
......@@ -40,6 +40,19 @@
</div>
<p class="error-description"></p>
<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>
</div>
</div>
......@@ -102,13 +115,13 @@
</ul>
</div>
<div class="modal-box">
<div class="modal-box-project">
<div class="modal-dialog">
<h4>中电投先融-西安灞桥</h4>
<h3>180天 </h3>
<h6>基础设施类</h6>
<p>认购光大信托计划，用于“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目</p>
<img src="../public/images/hot_project/success.jpg">
<b id="modalBoxHidden">&times;</b>
<a href="javascript:;">&times;</a>
</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