Skip to content

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

mapUpdata

parent fe53eda3
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 198 additions and 96 deletions
public/javascripts/project.js
View file @ c8d0bb82
......@@ -76,9 +76,70 @@
(function () {
var $modalBox = $('.modal-box');
var projectsList = [{
'projectName': '中电投天津',
'projectType': '保障房建设',
'projectTime': '2年',
'projectInfo': '用于补充公司现金流，承载天津市保障房建设。'
}, {
'projectName': '中电投西安',
'projectType': '基础建设项目',
'projectTime': '2年',
'projectInfo': '用于认购光大信托计划,用于向“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目。'
}, {
'projectName': '金元百利海安',
'projectType': '企业流贷',
'projectTime': '3年',
'projectInfo': '用于受让南通新沿海对海安经济技术开发区管委会的应收账款债 权,资金最终用于补充南通新沿海的流动资金。'
}, {
'projectName': '中电投金堂',
'projectType': '基础建设项目',
'projectTime': '2年',
'projectInfo': '用于认购光大信托先融锐金1号集合资金信托计划,补充公司流动资金,用于基础建设项目'
}, {
'projectName': '国信巴中',
'projectType': '基础建设项目',
'projectTime': '2年',
'projectInfo': '用于通江县壁州大道二期(高速连接道)建设项目用款。'
}, {
'projectName': '枢纽铜仁',
'projectType': '保障房建设项目',
'projectTime': '18个月',
'projectInfo': '用于贵州省铜仁市碧江区城市棚户区改造安置房项目'
}, {
'projectName': '枢纽余庆',
'projectType': '基础建设项目',
'projectTime': '1年',
'projectInfo': '用于贵州遵义市余庆县敖溪镇至关兴镇道路工程建设'
}, {
'projectName': '中电投黔南州',
'projectType': '基础建设项目',
'projectTime': '2年',
'projectInfo': '用于认购光大信托先融黔南1号集合资金信托计划,补充公司流 动资金,用于基础建设项目 '
}];
var template = function template(_ref) {
var projectName = _ref.projectName;
var projectTime = _ref.projectTime;
var projectType = _ref.projectType;
var projectInfo = _ref.projectInfo;
return '<h4>' + projectName + '</h4><h3>' + projectTime + '</h3><h6>' + projectType + '</h6><p>' + projectInfo + '</p>\n <img src="https://res.fudou6.com/c/4/20160801/zupNy5waWNfaGQ=_257x423.jpg">\n <a href="javascript:void(\'close\');" class="modal-dialog-close">×</a>';
};
var $modalDialog = $('.modal-dialog', $modalBox);
$('.hot-project-address').on('click', 'a', function (e) {
e.preventDefault();
$modalBox.fadeIn(300);
var target = e.target;
var html = '';
var index = $(target).data(index).index;
var project = projectsList[index];
if (project) {
html = template(project);
$modalDialog.html(html);
$modalBox.fadeIn(300);
}
});
$modalBox.on('click', '.modal-dialog-close', function (e) {
......
public/javascripts/project.js.map
View file @ c8d0bb82
This diff is collapsed.
public/javascripts/project.jsx
View file @ c8d0bb82
......@@ -75,9 +75,77 @@
(()=> {
const $modalBox = $('.modal-box');
$('.hot-project-address').on('click', 'a', (e)=> {
let projectsList = [
{
'projectName':'中电投天津',
'projectType':'保障房建设',
'projectTime':'2年',
'projectInfo':'用于补充公司现金流，承载天津市保障房建设。'
},
{
'projectName':'中电投西安',
'projectType':'基础建设项目',
'projectTime':'2年',
'projectInfo':'用于认购光大信托计划,用于向“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目。'
},
{
'projectName':'金元百利海安',
'projectType':'企业流贷',
'projectTime':'3年',
'projectInfo':'用于受让南通新沿海对海安经济技术开发区管委会的应收账款债 权,资金最终用于补充南通新沿海的流动资金。'
},
{
'projectName':'中电投金堂',
'projectType':'基础建设项目',
'projectTime':'2年',
'projectInfo':'用于认购光大信托先融锐金1号集合资金信托计划,补充公司流动资金,用于基础建设项目'
},
{
'projectName':'国信巴中',
'projectType':'基础建设项目',
'projectTime':'2年',
'projectInfo':'用于通江县壁州大道二期(高速连接道)建设项目用款。'
},
{
'projectName':'枢纽铜仁',
'projectType':'保障房建设项目',
'projectTime':'18个月',
'projectInfo':'用于贵州省铜仁市碧江区城市棚户区改造安置房项目'
},
{
'projectName':'枢纽余庆',
'projectType':'基础建设项目',
'projectTime':'1年',
'projectInfo':'用于贵州遵义市余庆县敖溪镇至关兴镇道路工程建设'
},
{
'projectName':'中电投黔南州',
'projectType':'基础建设项目',
'projectTime':'2年',
'projectInfo':'用于认购光大信托先融黔南1号集合资金信托计划,补充公司流 动资金,用于基础建设项目 '
},
];
const template = ({projectName, projectTime, projectType, projectInfo})=>{
return `<h4>${projectName}</h4><h3>${projectTime}</h3><h6>${projectType}</h6><p>${projectInfo}</p>
<img src="https://res.fudou6.com/c/4/20160801/zupNy5waWNfaGQ=_257x423.jpg">
<a href="javascript:void('close');" class="modal-dialog-close">×</a>`;
};
const $modalDialog = $('.modal-dialog',$modalBox);
$('.hot-project-address').on('click','a', (e)=> {
e.preventDefault();
$modalBox.fadeIn(300);
var target=e.target;
let html = '';
let index = $(target).data(index).index;
let project = projectsList[index];
if(project){
html= template(project);
$modalDialog.html(html);
$modalBox.fadeIn(300);
}
});
$modalBox.on('click', '.modal-dialog-close', (e)=> {
......
public/stylesheets/index.css
View file @ c8d0bb82
......@@ -214,9 +214,11 @@
padding-bottom: 45px;
margin-top: -64px;
font-size: 48px;
color: #fff;
background: url(/images/index/icon_02.jpg) no-repeat left bottom;
}
.projects > header > div:last-child h3 a {
color: #fff;
}
.projects > section {
width: 1150px;
height: 500px;
......@@ -237,11 +239,15 @@
color: #565656;
}
.projects > section > div:first-child p:before {
content: '·';
content: '';
width: .2em;
height: .2em;
border-radius: 50%;
background: #565656;
position: absolute;
left: -20px;
font-size: 50px;
top: -3px;
top: 10px;
}
.projects > section > div:last-child {
width: 675px;
......
public/stylesheets/index.less
View file @ c8d0bb82
......@@ -216,8 +216,10 @@
padding-bottom: 45px;
margin-top: -64px;
font-size: 48px;
color: #fff;
background: url(/images/index/icon_02.jpg) no-repeat left bottom;
a {
color: #fff;
}
}
}
}
......@@ -241,11 +243,15 @@
line-height: 30px;
color: #565656;
&:before {
content: '·';
content: '';
width: .2em;
height: .2em;
border-radius: 50%;
background: #565656;
position: absolute;
left: -20px;
font-size: 50px;
top: -3px;
top: 10px;
}
}
......
public/stylesheets/project.css
View file @ c8d0bb82
......@@ -13,8 +13,10 @@
margin-bottom: 40px;
}
.hot-project-banner p {
margin: 0 auto;
font-size: 24px;
line-height: 36px;
text-align: left;
}
/* .hot-project-banner end */
/* .hot-project-introducer start*/
......@@ -344,6 +346,7 @@
margin-bottom: 16px;
}
.modal-box .modal-dialog p {
width: 300px;
font-size: 14px;
line-height: 24px;
}
......@@ -442,16 +445,25 @@
body .hot-project-tabs ul {
width: 990px;
}
body .hot-project-banner p {
width: 495px;
}
}
@media screen and (min-width: 1281px) {
body .hot-project-introducer,
body .hot-project-tabs ul {
width: 1150px;
}
body .hot-project-banner p {
width: 575px;
}
}
@media screen and (min-width: 1441px) {
body .hot-project-introducer,
body .hot-project-tabs ul {
width: 1360px;
}
body .hot-project-banner p {
width: 680px;
}
}
public/stylesheets/project.less
View file @ c8d0bb82
@import 'variable';
//
//.screen() {
// .media(@screen-width-small, @container-width-small);
// .media(@screen-width, @container-width);
// .media(@screen-width-large, @container-width-large);
//}
//
//.media(@sw, @cw) {
// @media screen and (min-width: @sw) {
// .rules(@cw);
// }
//}
//
//body {
// .screen();
//}
//
//.rules(@container-width) {
// .hot-project-introducer {
// width: @container-width;
//
// }
// /* .hot-project-banner start */
//
// //@media screen and (min-width: 1281px) {
// // .hot-project-banner {
// // height: 600px;
// // width: 100%;
// // background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
// // background-size: cover;
// // text-align: center;
// // color: #fff;
// // h4 {
// // font-size: 48px;
// // font-weight: bold;
// // margin-top: 240px;
// // margin-bottom: 60px;
// // }
// // p {
// // font-size: 32px;
// // line-height: 42px;
// // }
// // }
// //}
//
// //@media screen and (max-width: 1281px) {
// // .hot-project-banner {
// // height: 470px;
// // width: 100%;
// // background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
// // background-size: cover;
// // text-align: center;
// // color: #fff;
// // h4 {
// // font-size: 54px;
// // font-weight: bold;
// // margin-top: 120px;
// // margin-bottom: 40px;
// // }
// // p {
// // font-size: 24px;
// // line-height: 36px;
// // }
// // }
// //}
//
/* .hot-project-banner start */
.hot-project-banner {
......@@ -81,8 +15,10 @@
margin-bottom: 40px;
}
p {
margin: 0 auto;
font-size: 24px;
line-height: 36px;
text-align: left;
}
}
......@@ -445,6 +381,7 @@
margin-bottom: 16px;
}
p {
width: 300px;
font-size: 14px;
line-height: 24px;
}
......@@ -566,6 +503,11 @@
.hot-project-tabs ul {
width: @cw;
}
.hot-project-banner {
p {
width: @cw/2;
}
}
}
body {
......
routes/index.js
View file @ c8d0bb82
......@@ -53,14 +53,14 @@ router.get('/', function (req, res) {
raiseTime: '28',
raiseFunds: '5',
maxProfits: '8.3%',
link: '/products/20012'
link: '/products/20011'
}, {
title: '中电投先融-锐金1-2号',
img: 'http://res.fudou6.com/c/4/20160730/eedZmNmYmIwOA==_600x375.jpg',
raiseTime: '21',
raiseFunds: '2',
maxProfits: '8.7%',
link: ''
link: '/products/20012'
}, {
title: '金元南通新沿海1号',
img: 'http://res.fudou6.com/c/4/20160730/y3sNWNlN2NmOA==_1000x600.jpg',
......
routes/project.js 0 → 100644
View file @ c8d0bb82
/**
* Created by liaili on 16/8/1.
*/
var express = require('express');
var router = express.Router();
var project = require('./project');
views/index.hbs
View file @ c8d0bb82
......@@ -3,8 +3,7 @@
<h1>海量资源 轻松抢单</h1>
<p>
以科技为手段，面向财富管理行业从业人员的运营服务提供商。
匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、
市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，
匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，
避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。
</p>
</div>
......@@ -52,7 +51,7 @@
</div>
<div>
<div>
<h3>推荐优质项目 领取高额介绍费</h3>
<h3><a href="/project" target="_blank">推荐优质项目 领取高额介绍费</a></h3>
</div>
</div>
</header>
......
views/layout.hbs
View file @ c8d0bb82
......@@ -29,7 +29,7 @@
<h2>400-879-9900</h2>
<!--<hr class="line-separate"/>-->
<p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
<address>浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="mailto:hr@shuniu.com">hr@shuniu.com</a></address>
<address>浙江省杭州市余杭区良睦路1288号梦想小镇5-305 E-mail: <a href="mailto:hr@shuniu.com">hr@shuniu.com</a></address>
</footer>
<script src="/javascripts/jquery-1.8.3.min.js"></script>
{{#each scripts}}
......
views/project.hbs
View file @ c8d0bb82
<div class="hot-project-banner clear">
<h4>富豆优投是枢纽科技旗下</h4>
<p>专为地方性项目或企业提供有保障的融资渠道、<br/>合理对投资资金需求的互联网平台，<br/>拥有数个大型项目资金问题解决方案</p>
<h4>富豆优投</h4>
<p>枢纽科技旗下专为地方性项目或企业提供有保障的融资渠道、合理对投资资金需求的互联网平台，拥有数个大型项目资金问题解决方案</p>
</div>
<div class="hot-project-introducer">
<ul class="clear">
......@@ -47,14 +47,14 @@
</div>
<div>
<img src="https://res.fudou6.com/c/4/20160730/g3zbWFw_1075x722.png" alt="map">
<a href="javascrpt:;">天津</a>
<a href="javascrpt:;">西安灞桥</a>
<a href="javascrpt:;">江苏海安</a>
<a href="javascrpt:;">成都金堂</a>
<a href="javascrpt:;">四川巴中</a>
<a href="javascrpt:;">贵州同仁</a>
<a href="javascrpt:;">贵州余庆</a>
<a href="javascrpt:;">贵州黔南州</a>
<a data-index="0" href="javascrpt:;">天津</a>
<a data-index="1" href="javascrpt:;">西安灞桥</a>
<a data-index="2" href="javascrpt:;">江苏海安</a>
<a data-index="3" href="javascrpt:;">成都金堂</a>
<a data-index="4" href="javascrpt:;">四川巴中</a>
<a data-index="5" href="javascrpt:;">贵州同仁</a>
<a data-index="6" href="javascrpt:;">贵州余庆</a>
<a data-index="7" href="javascrpt:;">贵州黔南州</a>
</div>
</div>
</div>
......@@ -104,10 +104,10 @@
<div class="modal-box">
<div class="modal-dialog">
<h4>中电投先融-西安灞桥</h4>
<h3>180天 </h3>
<h6>基础设施类</h6>
<p>认购光大信托计划，用于“绿源公司”发放信托贷款，<br/>用于建设西安绿源农产品批发市场项目</p>
<h4></h4>
<h3></h3>
<h6></h6>
<p></p>
<img src="https://res.fudou6.com/c/4/20160801/zupNy5waWNfaGQ=_257x423.jpg">
<a href="javascript:void('close');" class="modal-dialog-close">&times;</a>
</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