Skip to content

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

mapUpdata

parent fe53eda3
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 @@ ...@@ -76,9 +76,70 @@
(function () { (function () {
var $modalBox = $('.modal-box'); 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) { $('.hot-project-address').on('click', 'a', function (e) {
e.preventDefault(); 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) { $modalBox.on('click', '.modal-dialog-close', function (e) {
......
public/javascripts/project.js.map
View file @ c8d0bb82
{"version":3,"sources":["project.jsx"],"names":[],"mappings":"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","file":"project.js","sourcesContent":["/**\n * Created by Administrator on 2016/7/27.\n */\n(()=> {\n const $form = $('#container .introducer');\n const $submit = $('input[type=\"submit\"]', $form);\n const $introducerMobile = $('#introducerMobile', $form);\n const $projectDescription = $('#projectDescription', $form);\n const $errorPhone = $('.error-phone', $form);\n const $errorDescription = $('.error-description', $form);\n const $successDialog = $('.modal-box-success');\n\n const filterMobileInput = ($mobile)=> {\n $mobile.val(($mobile.val() + '').replace(/[^\\d]/g, ''));\n };\n\n const validateMobile = ()=> {\n let mobile = $.trim($introducerMobile.val() + '');\n if (/^[\\d]{11}$/g.test(mobile)) {\n $errorPhone.empty();\n return mobile;\n } else {\n $errorPhone.html('手机号输入错误!');\n return false;\n }\n };\n\n const validateDescription = ()=> {\n let description = $.trim($projectDescription.val() + '');\n if (description.length) {\n $errorDescription.empty();\n return description;\n } else {\n $errorDescription.html('请输入项目描述内容!');\n return false;\n }\n };\n\n $introducerMobile.on('keyup', (e)=> {\n filterMobileInput($introducerMobile);\n }).on('change blur', (e)=> {\n validateMobile();\n }).on('focus', (e)=> {\n $errorPhone.empty();\n });\n\n $projectDescription.on('change blur', (e)=> {\n validateDescription();\n }).on('focus', (e)=> {\n $errorDescription.empty();\n });\n\n\n $successDialog.on('click', '.modal-dialog-close', (e)=> {\n $successDialog.fadeOut(300);\n });\n\n $form.on('submit', (e)=> {\n e.preventDefault();\n let mobile = validateMobile();\n let description = validateDescription();\n if (mobile && description) {\n request('/api/1.0/proj/add.json', {\n mobile,\n description\n }, 'POST').then(()=> {\n $successDialog.fadeIn(300);\n }).catch(()=> {\n alert('提交失败, 请稍后再试!');\n });\n }\n });\n})();\n\n(()=> {\n const $modalBox = $('.modal-box');\n\n $('.hot-project-address').on('click', 'a', (e)=> {\n e.preventDefault();\n $modalBox.fadeIn(300);\n });\n\n $modalBox.on('click', '.modal-dialog-close', (e)=> {\n e.preventDefault();\n $modalBox.fadeOut(300);\n });\n\n\n})();\n\n\n// (function () {\n//\n//\n//\n//\n//\n// var $modalBoxProject = $('.modal-box-project');\n// var $modalBoxSuccess = $('.modal-box-success');\n//\n//\n//\n//\n// /**\n// * 地图项目地址弹框\n// */\n// $('.hot-project-address a').click(function (e) {\n// e.preventDefault();\n// $modalBox.fadeIn(300);\n// });\n// $('#modalBoxHidden').click(function (e) {\n// e.preventDefault();\n// $modalBox.fadeOut(300);\n// });\n//\n// /**\n// * 项目提交弹框\n// */\n// $submit.on('click',function(e){\n// e.preventDefault();\n// $modalBoxSuccess.fadeIn(300);\n// });\n// $('.modal-box-success a').on('click',function(e){\n// e.preventDefault();\n// $modalBoxSuccess.fadeOut(300);\n// });\n//\n//\n// })();"]} {"version":3,"sources":["project.jsx"],"names":[],"mappings":"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","file":"project.js","sourcesContent":["/**\n * Created by Administrator on 2016/7/27.\n */\n(()=> {\n const $form = $('#container .introducer');\n const $submit = $('input[type=\"submit\"]', $form);\n const $introducerMobile = $('#introducerMobile', $form);\n const $projectDescription = $('#projectDescription', $form);\n const $errorPhone = $('.error-phone', $form);\n const $errorDescription = $('.error-description', $form);\n const $successDialog = $('.modal-box-success');\n\n const filterMobileInput = ($mobile)=> {\n $mobile.val(($mobile.val() + '').replace(/[^\\d]/g, ''));\n };\n\n const validateMobile = ()=> {\n let mobile = $.trim($introducerMobile.val() + '');\n if (/^[\\d]{11}$/g.test(mobile)) {\n $errorPhone.empty();\n return mobile;\n } else {\n $errorPhone.html('手机号输入错误!');\n return false;\n }\n };\n\n const validateDescription = ()=> {\n let description = $.trim($projectDescription.val() + '');\n if (description.length) {\n $errorDescription.empty();\n return description;\n } else {\n $errorDescription.html('请输入项目描述内容!');\n return false;\n }\n };\n\n $introducerMobile.on('keyup', (e)=> {\n filterMobileInput($introducerMobile);\n }).on('change blur', (e)=> {\n validateMobile();\n }).on('focus', (e)=> {\n $errorPhone.empty();\n });\n\n $projectDescription.on('change blur', (e)=> {\n validateDescription();\n }).on('focus', (e)=> {\n $errorDescription.empty();\n });\n\n\n $successDialog.on('click', '.modal-dialog-close', (e)=> {\n $successDialog.fadeOut(300);\n });\n\n $form.on('submit', (e)=> {\n e.preventDefault();\n let mobile = validateMobile();\n let description = validateDescription();\n if (mobile && description) {\n request('/api/1.0/proj/add.json', {\n mobile,\n description\n }, 'POST').then(()=> {\n $successDialog.fadeIn(300);\n }).catch(()=> {\n alert('提交失败, 请稍后再试!');\n });\n }\n });\n})();\n\n(()=> {\n const $modalBox = $('.modal-box');\n\n let projectsList = [\n {\n 'projectName':'中电投天津',\n 'projectType':'保障房建设',\n 'projectTime':'2年',\n 'projectInfo':'用于补充公司现金流，承载天津市保障房建设。'\n },\n {\n 'projectName':'中电投西安',\n 'projectType':'基础建设项目',\n 'projectTime':'2年',\n 'projectInfo':'用于认购光大信托计划,用于向“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目。'\n },\n {\n 'projectName':'金元百利海安',\n 'projectType':'企业流贷',\n 'projectTime':'3年',\n 'projectInfo':'用于受让南通新沿海对海安经济技术开发区管委会的应收账款债 权,资金最终用于补充南通新沿海的流动资金。'\n },\n {\n 'projectName':'中电投金堂',\n 'projectType':'基础建设项目',\n 'projectTime':'2年',\n 'projectInfo':'用于认购光大信托先融锐金1号集合资金信托计划,补充公司流动资金,用于基础建设项目'\n },\n {\n 'projectName':'国信巴中',\n 'projectType':'基础建设项目',\n 'projectTime':'2年',\n 'projectInfo':'用于通江县壁州大道二期(高速连接道)建设项目用款。'\n },\n {\n 'projectName':'枢纽铜仁',\n 'projectType':'保障房建设项目',\n 'projectTime':'18个月',\n 'projectInfo':'用于贵州省铜仁市碧江区城市棚户区改造安置房项目'\n },\n {\n 'projectName':'枢纽余庆',\n 'projectType':'基础建设项目',\n 'projectTime':'1年',\n 'projectInfo':'用于贵州遵义市余庆县敖溪镇至关兴镇道路工程建设'\n },\n {\n 'projectName':'中电投黔南州',\n 'projectType':'基础建设项目',\n 'projectTime':'2年',\n 'projectInfo':'用于认购光大信托先融黔南1号集合资金信托计划,补充公司流 动资金,用于基础建设项目 '\n },\n ];\n\n const template = ({projectName, projectTime, projectType, projectInfo})=>{\n 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>`;\n };\n\n const $modalDialog = $('.modal-dialog',$modalBox);\n\n $('.hot-project-address').on('click','a', (e)=> {\n e.preventDefault();\n var target=e.target;\n let html = '';\n let index = $(target).data(index).index;\n let project = projectsList[index];\n if(project){\n html= template(project);\n $modalDialog.html(html);\n $modalBox.fadeIn(300);\n\n }\n });\n\n $modalBox.on('click', '.modal-dialog-close', (e)=> {\n e.preventDefault();\n $modalBox.fadeOut(300);\n });\n\n\n})();\n\n\n// (function () {\n//\n//\n//\n//\n//\n// var $modalBoxProject = $('.modal-box-project');\n// var $modalBoxSuccess = $('.modal-box-success');\n//\n//\n//\n//\n// /**\n// * 地图项目地址弹框\n// */\n// $('.hot-project-address a').click(function (e) {\n// e.preventDefault();\n// $modalBox.fadeIn(300);\n// });\n// $('#modalBoxHidden').click(function (e) {\n// e.preventDefault();\n// $modalBox.fadeOut(300);\n// });\n//\n// /**\n// * 项目提交弹框\n// */\n// $submit.on('click',function(e){\n// e.preventDefault();\n// $modalBoxSuccess.fadeIn(300);\n// });\n// $('.modal-box-success a').on('click',function(e){\n// e.preventDefault();\n// $modalBoxSuccess.fadeOut(300);\n// });\n//\n//\n// })();"]}
\ No newline at end of file \ No newline at end of file
public/javascripts/project.jsx
View file @ c8d0bb82
...@@ -75,9 +75,77 @@ ...@@ -75,9 +75,77 @@
(()=> { (()=> {
const $modalBox = $('.modal-box'); 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(); 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)=> { $modalBox.on('click', '.modal-dialog-close', (e)=> {
......
public/stylesheets/index.css
View file @ c8d0bb82
...@@ -214,9 +214,11 @@ ...@@ -214,9 +214,11 @@
padding-bottom: 45px; padding-bottom: 45px;
margin-top: -64px; margin-top: -64px;
font-size: 48px; font-size: 48px;
color: #fff;
background: url(/images/index/icon_02.jpg) no-repeat left bottom; background: url(/images/index/icon_02.jpg) no-repeat left bottom;
} }
.projects > header > div:last-child h3 a {
color: #fff;
}
.projects > section { .projects > section {
width: 1150px; width: 1150px;
height: 500px; height: 500px;
...@@ -237,11 +239,15 @@ ...@@ -237,11 +239,15 @@
color: #565656; color: #565656;
} }
.projects > section > div:first-child p:before { .projects > section > div:first-child p:before {
content: '·'; content: '';
width: .2em;
height: .2em;
border-radius: 50%;
background: #565656;
position: absolute; position: absolute;
left: -20px; left: -20px;
font-size: 50px; font-size: 50px;
top: -3px; top: 10px;
} }
.projects > section > div:last-child { .projects > section > div:last-child {
width: 675px; width: 675px;
......
public/stylesheets/index.less
View file @ c8d0bb82
...@@ -216,8 +216,10 @@ ...@@ -216,8 +216,10 @@
padding-bottom: 45px; padding-bottom: 45px;
margin-top: -64px; margin-top: -64px;
font-size: 48px; font-size: 48px;
color: #fff;
background: url(/images/index/icon_02.jpg) no-repeat left bottom; background: url(/images/index/icon_02.jpg) no-repeat left bottom;
a {
color: #fff;
}
} }
} }
} }
...@@ -241,11 +243,15 @@ ...@@ -241,11 +243,15 @@
line-height: 30px; line-height: 30px;
color: #565656; color: #565656;
&:before { &:before {
content: '·'; content: '';
width: .2em;
height: .2em;
border-radius: 50%;
background: #565656;
position: absolute; position: absolute;
left: -20px; left: -20px;
font-size: 50px; font-size: 50px;
top: -3px; top: 10px;
} }
} }
......
public/stylesheets/project.css
View file @ c8d0bb82
...@@ -13,8 +13,10 @@ ...@@ -13,8 +13,10 @@
margin-bottom: 40px; margin-bottom: 40px;
} }
.hot-project-banner p { .hot-project-banner p {
margin: 0 auto;
font-size: 24px; font-size: 24px;
line-height: 36px; line-height: 36px;
text-align: left;
} }
/* .hot-project-banner end */ /* .hot-project-banner end */
/* .hot-project-introducer start*/ /* .hot-project-introducer start*/
...@@ -344,6 +346,7 @@ ...@@ -344,6 +346,7 @@
margin-bottom: 16px; margin-bottom: 16px;
} }
.modal-box .modal-dialog p { .modal-box .modal-dialog p {
width: 300px;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
} }
...@@ -442,16 +445,25 @@ ...@@ -442,16 +445,25 @@
body .hot-project-tabs ul { body .hot-project-tabs ul {
width: 990px; width: 990px;
} }
body .hot-project-banner p {
width: 495px;
}
} }
@media screen and (min-width: 1281px) { @media screen and (min-width: 1281px) {
body .hot-project-introducer, body .hot-project-introducer,
body .hot-project-tabs ul { body .hot-project-tabs ul {
width: 1150px; width: 1150px;
} }
body .hot-project-banner p {
width: 575px;
}
} }
@media screen and (min-width: 1441px) { @media screen and (min-width: 1441px) {
body .hot-project-introducer, body .hot-project-introducer,
body .hot-project-tabs ul { body .hot-project-tabs ul {
width: 1360px; width: 1360px;
} }
body .hot-project-banner p {
width: 680px;
}
} }
public/stylesheets/project.less
View file @ c8d0bb82
@import 'variable'; @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 start */
.hot-project-banner { .hot-project-banner {
...@@ -81,8 +15,10 @@ ...@@ -81,8 +15,10 @@
margin-bottom: 40px; margin-bottom: 40px;
} }
p { p {
margin: 0 auto;
font-size: 24px; font-size: 24px;
line-height: 36px; line-height: 36px;
text-align: left;
} }
} }
...@@ -445,6 +381,7 @@ ...@@ -445,6 +381,7 @@
margin-bottom: 16px; margin-bottom: 16px;
} }
p { p {
width: 300px;
font-size: 14px; font-size: 14px;
line-height: 24px; line-height: 24px;
} }
...@@ -566,6 +503,11 @@ ...@@ -566,6 +503,11 @@
.hot-project-tabs ul { .hot-project-tabs ul {
width: @cw; width: @cw;
} }
.hot-project-banner {
p {
width: @cw/2;
}
}
} }
body { body {
......
routes/index.js
View file @ c8d0bb82
...@@ -53,14 +53,14 @@ router.get('/', function (req, res) { ...@@ -53,14 +53,14 @@ router.get('/', function (req, res) {
raiseTime: '28', raiseTime: '28',
raiseFunds: '5', raiseFunds: '5',
maxProfits: '8.3%', maxProfits: '8.3%',
link: '/products/20012' link: '/products/20011'
}, { }, {
title: '中电投先融-锐金1-2号', title: '中电投先融-锐金1-2号',
img: 'http://res.fudou6.com/c/4/20160730/eedZmNmYmIwOA==_600x375.jpg', img: 'http://res.fudou6.com/c/4/20160730/eedZmNmYmIwOA==_600x375.jpg',
raiseTime: '21', raiseTime: '21',
raiseFunds: '2', raiseFunds: '2',
maxProfits: '8.7%', maxProfits: '8.7%',
link: '' link: '/products/20012'
}, { }, {
title: '金元南通新沿海1号', title: '金元南通新沿海1号',
img: 'http://res.fudou6.com/c/4/20160730/y3sNWNlN2NmOA==_1000x600.jpg', 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 @@ ...@@ -3,8 +3,7 @@
<h1>海量资源 轻松抢单</h1> <h1>海量资源 轻松抢单</h1>
<p> <p>
以科技为手段，面向财富管理行业从业人员的运营服务提供商。 以科技为手段，面向财富管理行业从业人员的运营服务提供商。
匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、 匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，
市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，
避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。 避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。
</p> </p>
</div> </div>
...@@ -52,7 +51,7 @@ ...@@ -52,7 +51,7 @@
</div> </div>
<div> <div>
<div> <div>
<h3>推荐优质项目 领取高额介绍费</h3> <h3><a href="/project" target="_blank">推荐优质项目 领取高额介绍费</a></h3>
</div> </div>
</div> </div>
</header> </header>
......
views/layout.hbs
View file @ c8d0bb82
...@@ -29,7 +29,7 @@ ...@@ -29,7 +29,7 @@
<h2>400-879-9900</h2> <h2>400-879-9900</h2>
<!--<hr class="line-separate"/>--> <!--<hr class="line-separate"/>-->
<p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p> <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> </footer>
<script src="/javascripts/jquery-1.8.3.min.js"></script> <script src="/javascripts/jquery-1.8.3.min.js"></script>
{{#each scripts}} {{#each scripts}}
......
views/project.hbs
View file @ c8d0bb82
<div class="hot-project-banner clear"> <div class="hot-project-banner clear">
<h4>富豆优投是枢纽科技旗下</h4> <h4>富豆优投</h4>
<p>专为地方性项目或企业提供有保障的融资渠道、<br/>合理对投资资金需求的互联网平台，<br/>拥有数个大型项目资金问题解决方案</p> <p>枢纽科技旗下专为地方性项目或企业提供有保障的融资渠道、合理对投资资金需求的互联网平台，拥有数个大型项目资金问题解决方案</p>
</div> </div>
<div class="hot-project-introducer"> <div class="hot-project-introducer">
<ul class="clear"> <ul class="clear">
...@@ -47,14 +47,14 @@ ...@@ -47,14 +47,14 @@
</div> </div>
<div> <div>
<img src="https://res.fudou6.com/c/4/20160730/g3zbWFw_1075x722.png" alt="map"> <img src="https://res.fudou6.com/c/4/20160730/g3zbWFw_1075x722.png" alt="map">
<a href="javascrpt:;">天津</a> <a data-index="0" href="javascrpt:;">天津</a>
<a href="javascrpt:;">西安灞桥</a> <a data-index="1" href="javascrpt:;">西安灞桥</a>
<a href="javascrpt:;">江苏海安</a> <a data-index="2" href="javascrpt:;">江苏海安</a>
<a href="javascrpt:;">成都金堂</a> <a data-index="3" href="javascrpt:;">成都金堂</a>
<a href="javascrpt:;">四川巴中</a> <a data-index="4" href="javascrpt:;">四川巴中</a>
<a href="javascrpt:;">贵州同仁</a> <a data-index="5" href="javascrpt:;">贵州同仁</a>
<a href="javascrpt:;">贵州余庆</a> <a data-index="6" href="javascrpt:;">贵州余庆</a>
<a href="javascrpt:;">贵州黔南州</a> <a data-index="7" href="javascrpt:;">贵州黔南州</a>
</div> </div>
</div> </div>
</div> </div>
...@@ -104,10 +104,10 @@ ...@@ -104,10 +104,10 @@
<div class="modal-box"> <div class="modal-box">
<div class="modal-dialog"> <div class="modal-dialog">
<h4>中电投先融-西安灞桥</h4> <h4></h4>
<h3>180天 </h3> <h3></h3>
<h6>基础设施类</h6> <h6></h6>
<p>认购光大信托计划，用于“绿源公司”发放信托贷款，<br/>用于建设西安绿源农产品批发市场项目</p> <p></p>
<img src="https://res.fudou6.com/c/4/20160801/zupNy5waWNfaGQ=_257x423.jpg"> <img src="https://res.fudou6.com/c/4/20160801/zupNy5waWNfaGQ=_257x423.jpg">
<a href="javascript:void('close');" class="modal-dialog-close">&times;</a> <a href="javascript:void('close');" class="modal-dialog-close">&times;</a>
</div> </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