Skip to content

W
www.fudou6.com
Commit b947053b authored by superman's avatar superman
Browse files
Options

update

parent 0b5038d5
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 319 additions and 418 deletions
public/javascripts/project.js
View file @ b947053b
......@@ -52,7 +52,7 @@
$errorDescription.empty();
});
$successDialog.on('click', 'modal-dialog-close', function (e) {
$successDialog.on('click', '.modal-dialog-close', function (e) {
$successDialog.fadeOut(300);
});
......@@ -66,7 +66,6 @@
description: description
}, 'POST').then(function () {
$successDialog.fadeIn(300);
alert('提交成功!');
}).catch(function () {
alert('提交失败, 请稍后再试!');
});
......
public/javascripts/project.js.map
View file @ b947053b
This diff is collapsed.
public/javascripts/project.jsx
View file @ b947053b
......@@ -51,7 +51,7 @@
});
$successDialog.on('click', 'modal-dialog-close', (e)=> {
$successDialog.on('click', '.modal-dialog-close', (e)=> {
$successDialog.fadeOut(300);
});
......@@ -65,7 +65,6 @@
description
}, 'POST').then(()=> {
$successDialog.fadeIn(300);
alert('提交成功!');
}).catch(()=> {
alert('提交失败, 请稍后再试!');
});
......
public/javascripts/project.min.js
View file @ b947053b
"use strict";(function(){var $form=$("#container .introducer");var $submit=$('input[type="submit"]',$form);var $introducerMobile=$("#introducerMobile",$form);var $projectDescription=$("#projectDescription",$form);var $errorPhone=$(".error-phone",$form);var $errorDescription=$(".error-description",$form);var $successDialog=$(".modal-box-success");var filterMobileInput=function filterMobileInput($mobile){$mobile.val(($mobile.val()+"").replace(/[^\d]/g,""))};var validateMobile=function validateMobile(){var mobile=$.trim($introducerMobile.val()+"");if(/^[\d]{11}$/g.test(mobile)){$errorPhone.empty();return mobile}else{$errorPhone.html("手机号输入错误!");return false}};var validateDescription=function validateDescription(){var description=$.trim($projectDescription.val()+"");if(description.length){$errorDescription.empty();return description}else{$errorDescription.html("请输入项目描述内容!");return false}};$introducerMobile.on("keyup",function(e){filterMobileInput($introducerMobile)}).on("change blur",function(e){validateMobile()}).on("focus",function(e){$errorPhone.empty()});$projectDescription.on("change blur",function(e){validateDescription()}).on("focus",function(e){$errorDescription.empty()});$successDialog.on("click","modal-dialog-close",function(e){$successDialog.fadeOut(300)});$form.on("submit",function(e){e.preventDefault();var mobile=validateMobile();var description=validateDescription();if(mobile&&description){request("/api/1.0/proj/add.json",{mobile:mobile,description:description},"POST").then(function(){$successDialog.fadeIn(300);alert("提交成功!")}).catch(function(){alert("提交失败, 请稍后再试!")})}})})();(function(){var $modalBox=$(".modal-box");$(".hot-project-address").on("click","a",function(e){e.preventDefault();$modalBox.fadeIn(300)});$modalBox.on("click",".modal-dialog-close",function(e){e.preventDefault();$modalBox.fadeOut(300)})})();
\ No newline at end of file
"use strict";(function(){var $form=$("#container .introducer");var $submit=$('input[type="submit"]',$form);var $introducerMobile=$("#introducerMobile",$form);var $projectDescription=$("#projectDescription",$form);var $errorPhone=$(".error-phone",$form);var $errorDescription=$(".error-description",$form);var $successDialog=$(".modal-box-success");var filterMobileInput=function filterMobileInput($mobile){$mobile.val(($mobile.val()+"").replace(/[^\d]/g,""))};var validateMobile=function validateMobile(){var mobile=$.trim($introducerMobile.val()+"");if(/^[\d]{11}$/g.test(mobile)){$errorPhone.empty();return mobile}else{$errorPhone.html("手机号输入错误!");return false}};var validateDescription=function validateDescription(){var description=$.trim($projectDescription.val()+"");if(description.length){$errorDescription.empty();return description}else{$errorDescription.html("请输入项目描述内容!");return false}};$introducerMobile.on("keyup",function(e){filterMobileInput($introducerMobile)}).on("change blur",function(e){validateMobile()}).on("focus",function(e){$errorPhone.empty()});$projectDescription.on("change blur",function(e){validateDescription()}).on("focus",function(e){$errorDescription.empty()});$successDialog.on("click",".modal-dialog-close",function(e){$successDialog.fadeOut(300)});$form.on("submit",function(e){e.preventDefault();var mobile=validateMobile();var description=validateDescription();if(mobile&&description){request("/api/1.0/proj/add.json",{mobile:mobile,description:description},"POST").then(function(){$successDialog.fadeIn(300)}).catch(function(){alert("提交失败, 请稍后再试!")})}})})();(function(){var $modalBox=$(".modal-box");$(".hot-project-address").on("click","a",function(e){e.preventDefault();$modalBox.fadeIn(300)});$modalBox.on("click",".modal-dialog-close",function(e){e.preventDefault();$modalBox.fadeOut(300)})})();
\ No newline at end of file
public/stylesheets/project.css
View file @ b947053b
......@@ -213,138 +213,96 @@
/* .hot-project-address end */
/* .hot-project-tabs start */
.hot-project-tabs {
width: 100%;
height: 690px;
background: #f6f6f6;
padding: 180px 0 160px 0;
}
.hot-project-tabs ul {
width: 1203px;
height: 350px;
margin: 180px auto 160px;
width: 1150px;
margin: 0 auto;
border: 1px solid #43abb6;
}
.hot-project-tabs ul li {
width: 300px;
height: 100%;
width: 25%;
float: left;
font-size: 16px;
color: #000;
text-align: center;
background: #f6f6f6;
transition-delay: .1s;
transition: background .5s, color .5s;
}
.hot-project-tabs ul li dl {
width: 100%;
.hot-project-tabs ul li > div {
border-right: 1px solid #43abb6;
height: 200px;
padding-top: 160px;
position: relative;
}
.hot-project-tabs ul li dl dt {
width: 115px;
.hot-project-tabs ul li > div:before,
.hot-project-tabs ul li > div:after {
content: '';
position: absolute;
top: 44px;
left: 50%;
margin-left: -58px;
height: 115px;
margin: 44px auto 0;
width: 115px;
background: url(https://res.fudou6.com/c/4/20160801/by15pyq5qCH6aKYLTFfMDE=_480x240.png) 0 0 no-repeat;
opacity: 0;
transform: scale(0);
transition-delay: .1s;
transition: .5s;
}
.hot-project-tabs ul li dl dd {
line-height: 28px;
.hot-project-tabs ul li > div:before {
transform: scale(1);
opacity: 1;
}
.hot-project-tabs ul li:last-child > div {
border-right: 0;
}
.hot-project-tabs ul li dl dd h4 {
.hot-project-tabs ul li h4 {
font-size: 28px;
color: #43abb6;
margin: 14px 0 24px;
margin: 10px 0 20px;
}
.hot-project-tabs ul li:nth-child(1) {
border-right: 1px solid #43abb6;
.hot-project-tabs ul li:nth-child(1) > div:before {
background-position: -360px -120px;
}
.hot-project-tabs ul li:nth-child(1) dt {
background: url("https://res.fudou6.com/c/4/20160801/nbrdGFiczA1X2I=_115x115.png") no-repeat;
.hot-project-tabs ul li:nth-child(1) > div:after {
background-position: -360px 0px;
}
.hot-project-tabs ul li:nth-child(2) {
border-right: 1px solid #43abb6;
.hot-project-tabs ul li:nth-child(2) > div:before {
background-position: -240px -120px;
}
.hot-project-tabs ul li:nth-child(2) dt {
background: url("https://res.fudou6.com/c/4/20160801/dgndGFiczA0X2I=_115x115.png") no-repeat;
.hot-project-tabs ul li:nth-child(2) > div:after {
background-position: -240px 0px;
}
.hot-project-tabs ul li:nth-child(3) {
border-right: 1px solid #43abb6;
.hot-project-tabs ul li:nth-child(3) > div:before {
background-position: -120px -120px;
}
.hot-project-tabs ul li:nth-child(3) > div:after {
background-position: -120px 0px;
}
.hot-project-tabs ul li:nth-child(3) dt {
background: url("https://res.fudou6.com/c/4/20160801/p8edGFiczAzX2I=_115x115.png") no-repeat;
.hot-project-tabs ul li:nth-child(4) > div:before {
background-position: 0px -120px;
}
.hot-project-tabs ul li:nth-child(4) dt {
background: url("https://res.fudou6.com/c/4/20160801/6jpdGFiczAyX2I=_115x115.png") no-repeat;
.hot-project-tabs ul li:nth-child(4) > div:after {
background-position: 0px 0px;
}
.hot-project-tabs ul li:hover {
transition-delay: 0s;
color: #fff;
background: #43abb6;
}
.hot-project-tabs ul li:hover h4 {
color: #fff;
}
@-webkit-keyframes changeOne {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/nbrdGFiczA1X2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("https://res.fudou6.com/c/4/20160801/u42dGFiczA1X2E=_115x115.png") no-repeat;
opacity: 1;
}
}
.hot-project-tabs ul li:nth-child(1):hover dt {
animation-name: changeOne;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeTwo {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/dgndGFiczA0X2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("https://res.fudou6.com/c/4/20160801/n3ndGFiczA0X2E=_115x115.png") no-repeat;
opacity: 1;
}
}
.hot-project-tabs ul li:nth-child(2):hover dt {
animation-name: changeTwo;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeThree {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/p8edGFiczAzX2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/za5dGFiczAzX2E=_115x115.png") no-repeat;
}
}
.hot-project-tabs ul li:nth-child(3):hover dt {
animation-name: changeThree;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeFour {
0% {
background: url("https://res.fudou6.com/c/4/20160801/6jpdGFiczAyX2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/zsedGFiczAyX2E=_115x115.png") no-repeat;
}
.hot-project-tabs ul li:hover > div:before {
opacity: 0;
transform: scale(0);
}
.hot-project-tabs ul li:nth-child(4):hover dt {
animation-name: changeFour;
animation-duration: 0.5s;
animation-fill-mode: forwards;
.hot-project-tabs ul li:hover > div:after {
opacity: 1;
transform: scale(1);
}
/* .hot-project-tabs end */
/* .modal-box start */
......
public/stylesheets/project.less
View file @ b947053b
......@@ -297,147 +297,109 @@
/* .hot-project-tabs start */
.hot-project-tabs {
width: 100%;
height: 690px;
background: #f6f6f6;
padding: 180px 0 160px 0;
ul {
width: 1203px;
height: 350px;
margin: 180px auto 160px;
width: @container-width;
margin: 0 auto;
border: 1px solid #43abb6;
li {
width: 300px;
height: 100%;
width: 25%;
float: left;
font-size: 16px;
color: #000;
text-align: center;
dl {
width: 100%;
dt {
width: 115px;
background: #f6f6f6;
transition-delay: .1s;
transition: background .5s, color .5s;
& > div {
border-right: 1px solid #43abb6;
height: 200px;
padding-top: 160px;
position: relative;
&:before,
&:after {
content: '';
position: absolute;
top: 44px;
left: 50%;
margin-left: -58px;
height: 115px;
margin: 44px auto 0;
width: 115px;
background: url(https://res.fudou6.com/c/4/20160801/by15pyq5qCH6aKYLTFfMDE=_480x240.png) 0 0 no-repeat;
opacity: 0;
transform: scale(0);
transition-delay: .1s;
transition: .5s;
}
dd {
line-height: 28px;
h4 {
font-size: 28px;
color: #43abb6;
margin: 14px 0 24px;
}
&:before {
transform: scale(1);
opacity: 1;
}
}
}
li:nth-child(1) {
border-right: 1px solid #43abb6;
dt {
background: url("https://res.fudou6.com/c/4/20160801/nbrdGFiczA1X2I=_115x115.png") no-repeat;
}
}
li:nth-child(2) {
border-right: 1px solid #43abb6;
dt {
background: url("https://res.fudou6.com/c/4/20160801/dgndGFiczA0X2I=_115x115.png") no-repeat;
}
}
li:nth-child(3) {
border-right: 1px solid #43abb6;
dt {
background: url("https://res.fudou6.com/c/4/20160801/p8edGFiczAzX2I=_115x115.png") no-repeat;
&:last-child > div {
border-right: 0;
}
}
li:nth-child(4) {
dt {
background: url("https://res.fudou6.com/c/4/20160801/6jpdGFiczAyX2I=_115x115.png") no-repeat;
}
}
li:hover {
color: #fff;
background: #43abb6;
h4 {
color: #fff;
font-size: 28px;
color: #43abb6;
margin: 10px 0 20px;
}
}
li:nth-child(1):hover {
@-webkit-keyframes changeOne {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/nbrdGFiczA1X2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
&:nth-child(1) > div {
&:before {
background-position: -360px -120px;
}
100% {
background: url("https://res.fudou6.com/c/4/20160801/u42dGFiczA1X2E=_115x115.png") no-repeat;
opacity: 1;
&:after {
background-position: -360px 0px;
}
}
dt {
animation-name: changeOne;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(2):hover {
@-webkit-keyframes changeTwo {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/dgndGFiczA0X2I=_115x115.png") no-repeat;
&:nth-child(2) > div {
&:before {
background-position: -240px -120px;
}
50% {
opacity: 0;
}
100% {
background: url("https://res.fudou6.com/c/4/20160801/n3ndGFiczA0X2E=_115x115.png") no-repeat;
opacity: 1;
&:after {
background-position: -240px 0px;
}
}
dt {
animation-name: changeTwo;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(3):hover {
@-webkit-keyframes changeThree {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/p8edGFiczAzX2I=_115x115.png") no-repeat;
&:nth-child(3) > div {
&:before {
background-position: -120px -120px;
}
50% {
opacity: 0;
&:after {
background-position: -120px 0px;
}
100% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/za5dGFiczAzX2E=_115x115.png") no-repeat;
}
}
dt {
animation-name: changeThree;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(4):hover {
@-webkit-keyframes changeFour {
0% {
background: url("https://res.fudou6.com/c/4/20160801/6jpdGFiczAyX2I=_115x115.png") no-repeat;
&:nth-child(4) > div {
&:before {
background-position: 0px -120px;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/zsedGFiczAyX2E=_115x115.png") no-repeat;
&:after {
background-position: 0px 0px;
}
}
dt {
animation-name: changeFour;
animation-duration: 0.5s;
animation-fill-mode: forwards;
&:hover {
transition-delay: 0s;
color: #fff;
background: #43abb6;
h4 {
color: #fff;
}
& > div {
&:before {
opacity: 0;
transform: scale(0);
}
&:after {
opacity: 1;
transform: scale(1);
}
}
}
}
}
}
......
routes/index.js
View file @ b947053b
......@@ -6,6 +6,7 @@ var product = require('./product');
/* GET home page. */
router.get('/', function (req, res) {
res.render('index', {
navIndex:'active',
styles: ['index'],
scripts:[],
character: [
......@@ -81,12 +82,14 @@ router.get('/', function (req, res) {
router.get('/about', function (req, res) {
res.render('about', {
navAbout:'active',
styles: ['about'],
});
});
router.get('/project', function (req, res) {
res.render('project', {
navProject:'active',
styles: ['project'],
scripts:['utils','project'],
});
......@@ -98,6 +101,7 @@ router.get('/project', function (req, res) {
router.get('/products', function (req, res) {
res.render('products', {
navProducts:'active',
styles: ['products'],
scripts:['utils','products'],
});
......
routes/product.js
View file @ b947053b
This diff is collapsed.
routes/product.js.map
View file @ b947053b
This diff is collapsed.
routes/product.jsx
View file @ b947053b
......@@ -82,7 +82,7 @@ module.exports = function (req, res, next) {
item.elements = JSON.parse(item.elements);
Object.keys(item.elements).forEach(key=>{
console.log('%s\t%s\t%s', key, item.elements[key][0], item.elements[key][1]);
//console.log('%s\t%s\t%s', key, item.elements[key][0], item.elements[key][1]);
item.elements[key] = item.elements[key][1];
});
......@@ -121,6 +121,7 @@ module.exports = function (req, res, next) {
//console.log(item);
res.render('product', {
navProducts:'active',
styles:['product'],
scripts:['utils','product'],
...item
......
views/layout.hbs
View file @ b947053b
......@@ -14,10 +14,10 @@
<div class="container">
<a class="logo" href="/"><img src="/images/logo.png" alt="logo"></a>
<nav class="clear">
<span><a href="/">首页 / HOME</a></span>
<span><a href="/project">项目合作 / PROJECT</a></span>
<span><a href="/products">最新产品 / PRODUCT</a></span>
<span><a href="/about">关于我们 / ABOUT</a></span>
<span><a href="/" class="{{navIndex}}">首页 / HOME</a></span>
<span><a href="/project" class="{{navProject}}">项目合作 / PROJECT</a></span>
<span><a href="/products" class="{{navProducts}}">最新产品 / PRODUCT</a></span>
<span><a href="/about" class="{{navAbout}}">关于我们 / ABOUT</a></span>
</nav>
</div>
</header>
......
views/product.hbs
View file @ b947053b
......@@ -46,23 +46,21 @@
<p>{{statusString}}</p>
</div>
</div>
<div class="appointment">
<h2 class="info-title">在线预约</h2>
<p>留下联系方式我们帮您第一时间抢占稀缺额度</p>
<form id="form">
<div>
<input type="text" name="userName" placeholder="请填写您的姓名" />
<input type="text" name="userTel" placeholder="请填写手机号" maxlength="11"/>
<input type="submit" value="提交"/>
</div>
<div>
<span class="errorName"></span>
<span class="errorTel" ></span>
</div>
</form>
</div>
<!--<div class="appointment">-->
<!--<h2 class="info-title">在线预约</h2>-->
<!--<p>留下联系方式我们帮您第一时间抢占稀缺额度</p>-->
<!--<form id="form">-->
<!--<div>-->
<!--<input type="text" name="userName" placeholder="请填写您的姓名" />-->
<!--<input type="text" name="userTel" placeholder="请填写手机号" maxlength="11"/>-->
<!--<input type="submit" value="提交"/>-->
<!--</div>-->
<!--<div>-->
<!--<span class="errorName"></span>-->
<!--<span class="errorTel" ></span>-->
<!--</div>-->
<!--</form>-->
<!--</div>-->
<div class="detail">
<h2 class="info-title">产品详情</h2>
<table>
......
views/project.hbs
View file @ b947053b
......@@ -64,40 +64,44 @@
</div>
<div class="hot-project-tabs clear">
<ul class="clear">
<li class="fl">
<dl>
<dt></dt>
<dd><h4>海量资金</h4></dd>
<dd>20多万资金方</dd>
<dd>3万亿资金，快速融资</dd>
</dl>
<li>
<div>
<h4>海量资金</h4>
<p>
20多万资金方<br/>
3万亿资金，快速融资
</p>
</div>
</li>
<li class="fl">
<dl>
<dt></dt>
<dd><h4>安全可靠</h4></dd>
<dd>以对项目质量的严格把控。</dd>
<dd>和清晰的流程设计</dd>
<dd>让合投更规范、高效</dd>
</dl>
<li>
<div>
<h4>安全可靠</h4>
<p>
以对项目质量的严格把控<br/>
和清晰的流程设计<br/>
让合投更规范、高效
</p>
</div>
</li>
<li class="fl">
<dl>
<dt></dt>
<dd><h4>融资高效</h4></dd>
<dd>多个大型项目经验，</dd>
<dd>融资流程</dd>
<dd>简单\迅速\到账快捷</dd>
</dl>
<li>
<div>
<h4>融资高效</h4>
<p>
多个大型项目经验<br/>
融资流程<br/>
简单\迅速\到账快捷
</p>
</div>
</li>
<li class="fl">
<dl>
<dt></dt>
<dd><h4>专业服务</h4></dd>
<dd>专业的投资团队，</dd>
<dd>全程免费的投融资指导，</dd>
<dd>精准的对接推荐</dd>
</dl>
<li>
<div>
<h4>专业服务</h4>
<p>
专业的投资团队<br/>
全程免费的投融资指导<br/>
精准的对接推荐
</p>
</div>
</li>
</ul>
</div>
......
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