Commit 27a4a8a8 authored by superman's avatar superman

变更为express项目

parent a2a64c88
......@@ -3,13 +3,13 @@
<head lang="en">
<meta charset="UTF-8">
<title>富豆优投</title>
<link rel="stylesheet" href="../CSS/normalize.css"/>
<link rel="stylesheet" href="../CSS/styles.css"/>
<link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
<link rel="stylesheet" href="../public/stylesheets/styles.css"/>
</head>
<body>
<div id="header">
<!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
<ul class="clear">
<li class="fl"><a href="index.html">首页 / HOME</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
......@@ -63,7 +63,7 @@
<div class="address-map">
<div class="clear">
<div>
<span><img src="../imgs/about_us/icon01.png"/></span>
<span><img src="../public/images/about_us/icon01.png"/></span>
<h4>杭州枢纽科技</h4>
<hr/>
<p>浙江省杭州市余杭区良睦路1299号 互联网村5-305</p>
......
......@@ -3,13 +3,13 @@
<head>
<meta charset="UTF-8">
<title>富豆优投</title>
<link rel="stylesheet" href="../CSS/normalize.css"/>
<link rel="stylesheet" href="../CSS/styles.css" />
<link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
<link rel="stylesheet" href="../public/stylesheets/styles.css" />
</head>
<body>
<div id="header">
<!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
<ul class="clear">
<li class="fl"><a href="index.html">首页 / HOME</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
......@@ -23,7 +23,7 @@
<h3>180天 </h3>
<h6>基础设施类</h6>
<p>认购光大信托计划,用于“绿源公司”发放信托贷款,用于建设西安绿源农产品批发市场项目</p>
<img src="../imgs/hot_project/success.jpg">
<img src="../public/images/hot_project/success.jpg">
<b id="modalBoxHidden">&times;</b>
</div>
</div>
......@@ -130,7 +130,7 @@
<p class="address">浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="hr@shuniu.com">hr@shuniu.com</a></p>
<p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</div>
<script src="../JS/jquery-1.8.3.min.js"></script>
<script src="../JS/hotProject.js"></script>
<script src="../public/javascripts/jquery-1.8.3.min.js"></script>
<script src="../public/javascripts/hotProject.js"></script>
</body>
</html>
......@@ -3,15 +3,15 @@
<head>
<meta charset="UTF-8">
<title>富豆优投</title>
<link rel="icon" href="../imgs/favicon.ico"/>
<link rel="stylesheet" href="../CSS/normalize.css"/>
<link rel="stylesheet" href="../CSS/styles.css"/>
<link rel="icon" href="../public/favicon.ico"/>
<link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
<link rel="stylesheet" href="../public/stylesheets/styles.css"/>
</head>
<body>
<!--v1.0版-->
<div id="header">
<!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
<ul class="clear">
<li class="fl"><a href="index.html">首页 / HOME</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
......@@ -41,8 +41,8 @@
<span>下载iPhone版</span>
</li>
</ul>
<a href=""><img src="../imgs/index/QR_Code.jpg" alt=""><span>扫描下载富豆APP</span></a>
<img src="../imgs/index/iphone.png" alt="iphone" class="iphone-img">
<a href=""><img src="../public/images/index/QR_Code.jpg" alt=""><span>扫描下载富豆APP</span></a>
<img src="../public/images/index/iphone.png" alt="iphone" class="iphone-img">
<hr/>
</div>
<div class="download_bottom">
......@@ -55,7 +55,7 @@
</div>
<div>
<dl>
<dt><img src="../imgs/index/picture_01.png" alt=""></dt>
<dt><img src="../public/images/index/picture_01.png" alt=""></dt>
<dd class="title">金融脱媒</dd>
<dd class="detail">一手资源,从融资方直接取得项目资源</dd>
</dl>
......@@ -71,7 +71,7 @@
</div>
<div>
<dl>
<dt><img src="../imgs/index/picture_02.png" alt=""></dt>
<dt><img src="../public/images/index/picture_02.png" alt=""></dt>
<dd class="title">严格风控</dd>
<dd class="detail">原招商银行风控团队</dd>
</dl>
......@@ -86,7 +86,7 @@
</div>
<div>
<dl>
<dt><img src="../imgs/index/picture_03.png" alt=""></dt>
<dt><img src="../public/images/index/picture_03.png" alt=""></dt>
<dd class="title">快速结拥</dd>
<dd class="detail">新用户款到结拥</dd>
</dl>
......@@ -101,7 +101,7 @@
</div>
<div>
<dl>
<dt><img src="../imgs/index/picture_04.png" alt=""></dt>
<dt><img src="../public/images/index/picture_04.png" alt=""></dt>
<dd class="title">佣金超高</dd>
<dd class="detail">高于市场千八的佣金体系</dd>
</dl>
......@@ -120,7 +120,7 @@
<div>
<ul class="project-intro">
</ul>
<img src="../imgs/index/computer.jpg" class="computer"/>
<img src="../public/images/index/computer.jpg" class="computer"/>
</div>
<div class="project-info clear">
<p class="project-img project-one fl"></p>
......@@ -233,7 +233,7 @@
<p class="address">浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="hr@shuniu.com">hr@shuniu.com</a></p>
<p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</div>
<script src="../JS/jquery-1.8.3.min.js"></script>
<script src="../JS/index.js"></script>
<script src="../public/javascripts/jquery-1.8.3.min.js"></script>
<script src="../public/javascripts/index.js"></script>
</body>
</html>
......@@ -3,14 +3,14 @@
<head lang="en">
<meta charset="UTF-8">
<title>富豆优投</title>
<link rel="stylesheet" href="../CSS/normalize.css"/>
<link rel="stylesheet" href="../CSS/styles.css" />
<link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
<link rel="stylesheet" href="../public/stylesheets/styles.css" />
</head>
<body>
<!--v2.0版-->
<div id="header">
<!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
<ul class="clear">
<li class="fl"><a href="index.html">首页 / HOME</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
......@@ -160,7 +160,7 @@
<p class="address">浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="hr@shuniu.com">hr@shuniu.com</a></p>
<p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</div>
<script src="../JS/jquery-1.8.3.min.js"></script>
<script src="../JS/product.js"></script>
<script src="../public/javascripts/jquery-1.8.3.min.js"></script>
<script src="../public/javascripts/product.js"></script>
</body>
</html>
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var handlebars = require('express-handlebars');
var routes = require('./routes/index');
var app = express();
// view engine setup
// app.set('views', path.join(__dirname, 'views'));
// app.set('view engine', 'jade');
app.engine('hbs', handlebars({
layoutsDir: 'views',
defaultLayout: 'layout',
extname: '.hbs'
}));
app.set('view engine', 'hbs');
// uncomment after placing your favicon in /public
app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', routes);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
// error handlers
// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: err
});
});
}
// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: {}
});
});
module.exports = app;
#!/usr/bin/env node
/**
* Module dependencies.
*/
var app = require('../app');
var debug = require('debug')('www.fudou6.com:server');
var http = require('http');
/**
* Get port from environment and store in Express.
*/
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
/**
* Create HTTP server.
*/
var server = http.createServer(app);
/**
* Listen on provided port, on all network interfaces.
*/
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);
/**
* Normalize a port into a number, string, or false.
*/
function normalizePort(val) {
var port = parseInt(val, 10);
if (isNaN(port)) {
// named pipe
return val;
}
if (port >= 0) {
// port number
return port;
}
return false;
}
/**
* Event listener for HTTP server "error" event.
*/
function onError(error) {
if (error.syscall !== 'listen') {
throw error;
}
var bind = typeof port === 'string'
? 'Pipe ' + port
: 'Port ' + port;
// handle specific listen errors with friendly messages
switch (error.code) {
case 'EACCES':
console.error(bind + ' requires elevated privileges');
process.exit(1);
break;
case 'EADDRINUSE':
console.error(bind + ' is already in use');
process.exit(1);
break;
default:
throw error;
}
}
/**
* Event listener for HTTP server "listening" event.
*/
function onListening() {
var addr = server.address();
var bind = typeof addr === 'string'
? 'pipe ' + addr
: 'port ' + addr.port;
debug('Listening on ' + bind);
}
{
"name": "www.fudou6.com",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.13.2",
"cookie-parser": "~1.3.5",
"debug": "~2.2.0",
"express": "~4.13.1",
"express-handlebars": "*",
"morgan": "~1.6.1",
"serve-favicon": "~2.3.0"
}
}
/*.banner begin*/
.banner {
background: url("/images/index/banner.jpg") no-repeat center center;
background-size: cover;
padding-top: 120px;
padding-bottom: 160px;
}
.banner .banner-box {
width: 1000px;
margin: 0 auto;
color: #fff;
}
.banner .banner-box h1 {
margin-top: 0;
margin-bottom: 35px;
text-align: center;
font-weight: normal;
font-size: 64px;
}
.banner .banner-box p {
font-size: 20px;
line-height: 35px;
}
/*.banner end*/
/*.download begin*/
.download {
position: relative;
padding-top: 400px;
width: 1000px;
margin: 0 auto;
}
.download .android,
.download .iphone {
position: absolute;
left: 50%;
top: 140px;
margin-left: -467px;
height: 68px;
width: 268px;
line-height: 68px;
font-size: 18px;
border-radius: 4px;
}
.download .android i,
.download .iphone i {
display: inline-block;
height: 68px;
width: 68px;
margin-right: 22px;
font-size: 32px;
text-align: center;
color: #fff;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.download .android {
background-color: #82b21c;
}
.download .iphone {
margin-top: 88px;
background-color: #0079c2;
}
.download .qr-code {
position: absolute;
top: 140px;
left: 50%;
margin-left: -150px;
text-align: center;
font-size: 14px;
}
.download .qr-code img {
display: block;
margin-bottom: 5px;
}
.download .app-screen {
position: absolute;
left: 50%;
top: -140px;
margin-left: 60px;
width: 405px;
height: 515px;
}
.download hr {
width: 95%;
}
/*download end*/
/*character begin*/
.character ul {
width: 1000px;
margin: 80px auto;
}
.character ul li {
float: left;
width: 25%;
height: 160px;
text-align: center;
position: relative;
}
.character ul li > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.character ul li > div:first-child h3 {
margin-top: 50px;
font-size: 44px;
color: #111d2b;
}
.character ul li > div:first-child h4 {
font-size: 16px;
color: #888;
}
.character ul li > div:last-child img {
display: block;
margin: auto;
}
.character ul li > div:last-child h3 {
font-size: 36px;
}
.character ul li > div:last-child h4 {
font-size: 14px;
}
/* character end */
/* projects begin */
.projects {
background-color: #f6f6f6;
}
.projects > header > div {
float: left;
height: 300px;
position: relative;
width: 50%;
}
.projects > header > div:first-child {
background-color: #111d2b;
}
.projects > header > div:first-child > div {
position: relative;
width: 300px;
margin-right: 200px;
float: right;
height: 300px;
}
.projects > header > div:first-child > div .logo {
position: absolute;
top: 50%;
right: 50px;
height: 94px;
width: 227px;
margin-top: -47px;
background: url(/images/index/icon_01.png) no-repeat;
background-size: cover;
}
.projects > header > div:last-child {
background-color: #2e2e2e;
}
.projects > header > div:last-child > div {
position: relative;
width: 700px;
margin-left: -200px;
background-color: #2e2e2e;
height: 300px;
}
.projects > header > div:last-child h3 {
position: absolute;
top: 50%;
left: 20px;
height: 80px;
padding-bottom: 45px;
margin-top: -64px;
font-size: 48px;
color: #fff;
background: url(/images/index/icon_02.jpg) no-repeat left bottom;
}
.projects > section {
width: 1000px;
height: 500px;
margin: 0 auto;
}
.projects > section > div:first-child {
width: 379px;
float: left;
margin-top: 50px;
margin-left: 20px;
border-right: 1px solid #7f7f7f;
}
.projects > section > div:first-child p {
position: relative;
margin-top: 20px;
font-size: 23px;
line-height: 30px;
color: #565656;
}
.projects > section > div:first-child p:before {
content: '·';
position: absolute;
left: -20px;
font-size: 50px;
top: -3px;
}
.projects > section > div:last-child {
width: 600px;
float: left;
position: relative;
}
.projects > section > div:last-child .computer {
position: absolute;
top: -80px;
right: 0;
width: 542px;
height: 483px;
background: url(/images/index/computer.jpg) no-repeat;
}
/* projects end*/
/*product begin*/
.products {
background-color: #f6f6f6;
}
.products ul {
width: 1000px;
margin: 0 auto;
}
.products ul li {
position: relative;
color: #fff;
}
.products ul li:nth-child(1),
.products ul li:nth-child(2) {
margin-bottom: 30px;
}
.products ul li:nth-child(1) > div,
.products ul li:nth-child(2) > div {
height: 400px;
float: left;
}
.products ul li:nth-child(1) > div:first-child,
.products ul li:nth-child(2) > div:first-child {
width: 650px;
-webkit-background-size: cover;
background-size: cover;
}
.products ul li:nth-child(1) > div:last-child,
.products ul li:nth-child(2) > div:last-child {
width: 320px;
margin-left: 30px;
background-color: #2e2e2e;
}
/*product end*/
@import 'variable';
/*.banner begin*/
.banner {
background: url("/images/index/banner.jpg") no-repeat center center;
background-size: cover;
padding-top: 120px;
padding-bottom: 160px;
.banner-box {
width: @container-width;
margin: 0 auto;
color: #fff;
h1 {
margin-top: 0;
margin-bottom: 35px;
text-align: center;
font-weight: normal;
font-size: 64px;
}
p {
font-size: 20px;
line-height: 35px;
}
}
}
/*.banner end*/
/*.download begin*/
.download {
position: relative;
padding-top: 400px;
width: @container-width;
margin: 0 auto;
.android,
.iphone {
position: absolute;
left: 50%;
top: 140px;
margin-left: -467px;
height: 68px;
width: 268px;
line-height: 68px;
font-size: 18px;
border-radius: 4px;
i {
display: inline-block;
height: 68px;
width: 68px;
margin-right: 22px;
font-size: 32px;
text-align: center;
color: #fff;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
}
.android {
background-color: #82b21c;
}
.iphone {
margin-top: 88px;
background-color: #0079c2;
}
.qr-code {
position: absolute;
top: 140px;
left: 50%;
margin-left: -150px;
text-align: center;
font-size: 14px;
img {
display: block;
margin-bottom: 5px;
}
}
.app-screen {
position: absolute;
left: 50%;
top: -140px;
margin-left: 60px;
width: 405px;
height: 515px;
}
hr {
width: 95%;
}
}
/*download end*/
/*character begin*/
.character {
ul {
width: @container-width;
margin: 80px auto;
li {
float: left;
width: 25%;
height: 160px;
text-align: center;
position: relative;
& > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
&:first-child {
h3 {
margin-top: 50px;
font-size: 44px;
color: #111d2b;
}
h4 {
font-size: 16px;
color: #888;
}
}
&:last-child {
img {
display: block;
margin: auto;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 14px;
}
}
}
}
}
}
/* character end */
/* projects begin */
.projects {
background-color: #f6f6f6;
& > header {
& > div {
float: left;
height: 300px;
position: relative;
width: 50%;
&:first-child {
background-color: #111d2b;
& > div {
position: relative;
width: @container-width/4 + 50;
margin-right: @container-width/4 - 50;
float: right;
height: 300px;
.logo {
position: absolute;
top: 50%;
right: 50px;
height: 94px;
width: 227px;
margin-top: -47px;
background: url(/images/index/icon_01.png) no-repeat;
background-size: cover;
}
}
}
&:last-child {
background-color: #2e2e2e;
& > div {
position: relative;
width: @container-width / 4 * 3 - 50;
margin-left: -@container-width/4 + 50;
background-color: #2e2e2e;
height: 300px;
}
h3 {
position: absolute;
top: 50%;
left: 20px;
height: 80px;
padding-bottom: 45px;
margin-top: -64px;
font-size: 48px;
color: #fff;
background: url(/images/index/icon_02.jpg) no-repeat left bottom;
}
}
}
}
& > section {
width: @container-width;
height: 500px;
margin: 0 auto;
& > div {
&:first-child {
width: @container-width/2-121;
float: left;
margin-top: 50px;
margin-left: 20px;
border-right: 1px solid #7f7f7f;
p {
position: relative;
margin-top: 20px;
font-size: 23px;
line-height: 30px;
color: #565656;
&:before {
content: '·';
position: absolute;
left: -20px;
font-size: 50px;
top: -3px;
}
}
}
&:last-child {
width: @container-width/2+100;
float: left;
position: relative;
.computer {
position: absolute;
top: -80px;
right: 0;
width: 542px;
height: 483px;
background: url(/images/index/computer.jpg) no-repeat;
}
}
}
}
}
/* projects end*/
/*product begin*/
.products {
background-color: #f6f6f6;
ul {
width: @container-width;
margin: 0 auto;
li {
position: relative;
color: #fff;
&:nth-child(1),
&:nth-child(2) {
margin-bottom: 30px;
& > div {
height: 400px;
float: left;
&:first-child {
width: @container-width/4*3-100;
-webkit-background-size: cover;
background-size: cover;
}
&:last-child {
width: @container-width/4+70;
margin-left: 30px;
background-color: #2e2e2e;
}
}
}
}
}
}
/*product end*/
This diff is collapsed.
@import "normalize";
@import 'iconfont';
@import 'variable';
body {
font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;
font-size: 14px;
line-height: 1.732;
}
ul, ol {
list-style: none;
}
h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
margin: 0;
padding: 0;
font-weight: normal;
}
a {
text-decoration: none;
color: #000;
}
.clear {
&:after {
content: '';
display: block;
clear: both;
}
&:before {
content: '';
display: table;
}
}
hr.line-separate {
position: relative;
width: 80%;
margin: 0 auto;
border: none;
border-bottom: 1px solid #8c8c8c;
&:after {
content: '';
position: absolute;
top: -1px;
left: 50%;
width: 72px;
height: 3px;
margin-left: -36px;
background: #8c8c8c;
}
}
/*header begin*/
#header {
.container {
width: @container-width;
margin: 0 auto;
position: relative;
}
.logo {
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
nav {
padding-left: 250px;
font-size: 16px;
span {
float: left;
padding: 20px 0 10px;
margin-right: 30px;
&:last-child {
margin-right: 0;
}
}
a {
display: block;
color: #383838;
font-weight: bold;
padding: 10px;
border-bottom: 3px solid transparent;
&:hover,
&.active {
border-bottom-color: #000;
}
}
}
}
/*header end*/
/*footer begin*/
#footer {
padding: 60px 0 80px;
text-align: center;
background: #2e2e2e;
color: #fff;
font-size: 14px;
line-height: 26px;
h3 {
font-size: 24px;
}
h2 {
font-size: 60px;
font-weight: bold;
margin: 50px auto 30px;
}
address {
margin-top: 60px;
font-style: normal;
&, a {
color: #00a4d8;
}
}
.copyright {
color: #aeaeae;
span {
color: #fff;
}
}
}
/*footer end*/
......@@ -200,7 +200,7 @@ dd {
width: 100%;
}
.banner {
background: url("../imgs/index/banner.jpg") no-repeat center center;
background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover;
}
.banner .banner-box {
......@@ -447,12 +447,12 @@ dd {
padding: 0;
width: 25%;
height: 100%;
background: #111d2b url("../imgs/index/icon_01.png") no-repeat 43% 86px;
background: #111d2b url("../images/index/icon_01.png") no-repeat 43% 86px;
}
.projects .projects-header p {
width: 75%;
height: 100%;
background: #2e2e2e url("../imgs/index/icon_02.jpg") no-repeat 58px 170px;
background: #2e2e2e url("../images/index/icon_02.jpg") no-repeat 58px 170px;
font-size: 48px;
color: #fff;
}
......@@ -494,11 +494,11 @@ dd {
background: #faf;
}
.projects .projects-content .project-info .project-one {
background: url("../imgs/index/528ad57.jpg") no-repeat center center;
background: url("../images/index/528ad57.jpg") no-repeat center center;
background-size: cover;
}
.projects .projects-content .project-info .project-two {
background: url("../imgs/index/041c0cc.jpg") no-repeat center center;
background: url("../images/index/041c0cc.jpg") no-repeat center center;
background-size: cover;
}
.projects .projects-content .project-info .mr50 {
......@@ -548,15 +548,15 @@ dd {
height: 366px;
}
.projects .projects-content .project-info .project-three {
background: #fff url("../imgs/index/fcfbb08.jpg") no-repeat center center;
background: #fff url("../images/index/fcfbb08.jpg") no-repeat center center;
background-size: cover;
}
.projects .projects-content .project-info .project-four {
background: #fff url("../imgs/index/5ce7cf8.jpg") no-repeat center center;
background: #fff url("../images/index/5ce7cf8.jpg") no-repeat center center;
background-size: cover;
}
.projects .projects-content .project-info .project-five {
background: #fff url("../imgs/index/38be78d.jpg") no-repeat center center;
background: #fff url("../images/index/38be78d.jpg") no-repeat center center;
background-size: cover;
}
/*产品详情页面*/
......@@ -771,7 +771,7 @@ dd {
.hot-project-banner {
height: 600px;
width: 100%;
background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center;
background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
background-size: cover;
text-align: center;
color: #fff;
......@@ -791,7 +791,7 @@ dd {
.hot-project-banner {
height: 470px;
width: 100%;
background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center;
background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
background-size: cover;
text-align: center;
color: #fff;
......@@ -841,7 +841,7 @@ dd {
position: relative;
top: 20px;
margin-right: 6px;
background: url("../imgs/hot_project/tabs01.png") no-repeat -46px -13px;
background: url("../images/hot_project/tabs01.png") no-repeat -46px -13px;
}
.hot-project-introducer > ul li:nth-child(2) > b {
background-position: -176px -13px;
......@@ -1011,22 +1011,22 @@ dd {
border-right: 1px solid #43abb6;
}
.hot-project-tabs ul li:nth-child(1) dt {
background: url("../imgs/hot_project/tabs05_b.png") no-repeat;
background: url("../images/hot_project/tabs05_b.png") no-repeat;
}
.hot-project-tabs ul li:nth-child(2) {
border-right: 1px solid #43abb6;
}
.hot-project-tabs ul li:nth-child(2) dt {
background: url("../imgs/hot_project/tabs04_b.png") no-repeat;
background: url("../images/hot_project/tabs04_b.png") no-repeat;
}
.hot-project-tabs ul li:nth-child(3) {
border-right: 1px solid #43abb6;
}
.hot-project-tabs ul li:nth-child(3) dt {
background: url("../imgs/hot_project/tabs03_b.png") no-repeat;
background: url("../images/hot_project/tabs03_b.png") no-repeat;
}
.hot-project-tabs ul li:nth-child(4) dt {
background: url("../imgs/hot_project/tabs02_b.png") no-repeat;
background: url("../images/hot_project/tabs02_b.png") no-repeat;
}
.hot-project-tabs ul li:hover {
color: #fff;
......@@ -1038,13 +1038,13 @@ dd {
@-webkit-keyframes changeOne {
0% {
opacity: 1;
background: url("../imgs/hot_project/tabs05_b.png ") no-repeat;
background: url("../images/hot_project/tabs05_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("../imgs/hot_project/tabs05_a.png ") no-repeat;
background: url("../images/hot_project/tabs05_a.png ") no-repeat;
opacity: 1;
}
}
......@@ -1056,13 +1056,13 @@ dd {
@-webkit-keyframes changeTwo {
0% {
opacity: 1;
background: url("../imgs/hot_project/tabs04_b.png ") no-repeat;
background: url("../images/hot_project/tabs04_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("../imgs/hot_project/tabs04_a.png ") no-repeat -1px -1px;
background: url("../images/hot_project/tabs04_a.png ") no-repeat -1px -1px;
opacity: 1;
}
}
......@@ -1074,14 +1074,14 @@ dd {
@-webkit-keyframes changeThree {
0% {
opacity: 1;
background: url("../imgs/hot_project/tabs03_b.png ") no-repeat;
background: url("../images/hot_project/tabs03_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("../imgs/hot_project/tabs03_a.png ") no-repeat;
background: url("../images/hot_project/tabs03_a.png ") no-repeat;
}
}
.hot-project-tabs ul li:nth-child(3):hover dt {
......@@ -1091,14 +1091,14 @@ dd {
}
@-webkit-keyframes changeFour {
0% {
background: url("../imgs/hot_project/tabs02_b.png ") no-repeat;
background: url("../images/hot_project/tabs02_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("../imgs/hot_project/tabs02_a.png ") no-repeat;
background: url("../images/hot_project/tabs02_a.png ") no-repeat;
}
}
.hot-project-tabs ul li:nth-child(4):hover dt {
......@@ -1168,7 +1168,7 @@ body {
.about-us-banner {
width: 100%;
height: 667px;
background: url("../imgs/index/banner.jpg") no-repeat center center;
background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
......@@ -1197,7 +1197,7 @@ body {
.about-us-banner {
width: 100%;
height: 450px;
background: url("../imgs/index/banner.jpg") no-repeat center center;
background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
......@@ -1225,7 +1225,7 @@ body {
.about-us-banner-bottom {
width: 100%;
height: 824px;
background: url("../imgs/about_us/bg_2.jpg") no-repeat center center;
background: url("../images/about_us/bg_2.jpg") no-repeat center center;
background-size: cover;
}
.about-us-banner-bottom h4 {
......@@ -1319,7 +1319,7 @@ body {
position: relative;
}
.company-introduction div a:nth-child(1) {
background: url("../imgs/about_us/zhongjiang.jpg") no-repeat;
background: url("../images/about_us/zhongjiang.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
.company-introduction div a:nth-child(1)::before {
......@@ -1343,7 +1343,7 @@ body {
background: #f6f6f6;
}
.company-introduction div a:nth-child(2) {
background: url("../imgs/about_us/zhongrong.jpg") no-repeat;
background: url("../images/about_us/zhongrong.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
.company-introduction div a:nth-child(2)::after {
......@@ -1357,7 +1357,7 @@ body {
background: #f6f6f6;
}
.company-introduction div a:nth-child(3) {
background: url("../imgs/about_us/guomin.jpg") no-repeat;
background: url("../images/about_us/guomin.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
.company-introduction div a:nth-child(3)::after {
......@@ -1371,7 +1371,7 @@ body {
background: #f6f6f6;
}
.company-introduction div a:nth-child(4) {
background: url("../imgs/about_us/guangda.jpg") no-repeat;
background: url("../images/about_us/guangda.jpg") no-repeat;
margin-right: 0;
border-right: none;
border-bottom: 1px solid #c3c3c3;
......@@ -1387,23 +1387,23 @@ body {
background: #f6f6f6;
}
.company-introduction div a:nth-child(5) {
background: url("../imgs/about_us/zhongxing.jpg") no-repeat;
background: url("../images/about_us/zhongxing.jpg") no-repeat;
}
.company-introduction div a:nth-child(6) {
background: url("../imgs/about_us/fangzheng.jpg") no-repeat;
background: url("../images/about_us/fangzheng.jpg") no-repeat;
}
.company-introduction div a:nth-child(7) {
background: url("../imgs/about_us/huaxing.jpg") no-repeat;
background: url("../images/about_us/huaxing.jpg") no-repeat;
}
.company-introduction div a:nth-child(8) {
background: url("../imgs/about_us/zhongtai.jpg") no-repeat;
background: url("../images/about_us/zhongtai.jpg") no-repeat;
margin: 0;
border-right: none;
}
.address-map {
height: 575px;
width: 100%;
background: url("../imgs/about_us/map.jpg") no-repeat center center;
background: url("../images/about_us/map.jpg") no-repeat center center;
background-size: cover;
}
.address-map > div {
......
......@@ -174,7 +174,7 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
.banner {
background: url("../imgs/index/banner.jpg") no-repeat center center;
background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover;
.banner-box {
......@@ -438,12 +438,12 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
padding: 0;
width: 25%;
height: 100%;
background: #111d2b url("../imgs/index/icon_01.png") no-repeat 43% 86px;
background: #111d2b url("../images/index/icon_01.png") no-repeat 43% 86px;
}
p {
width: 75%;
height: 100%;
background: #2e2e2e url("../imgs/index/icon_02.jpg") no-repeat 58px 170px;
background: #2e2e2e url("../images/index/icon_02.jpg") no-repeat 58px 170px;
font-size: 48px;
color: #fff;
span {
......@@ -485,11 +485,11 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
background: #faf;
}
.project-one {
background: url("../imgs/index/528ad57.jpg") no-repeat center center;
background: url("../images/index/528ad57.jpg") no-repeat center center;
background-size: cover;
}
.project-two {
background: url("../imgs/index/041c0cc.jpg") no-repeat center center;
background: url("../images/index/041c0cc.jpg") no-repeat center center;
background-size: cover;
}
.mr50 {
......@@ -539,15 +539,15 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
height: 366px;
}
.project-three {
background: #fff url("../imgs/index/fcfbb08.jpg") no-repeat center center;
background: #fff url("../images/index/fcfbb08.jpg") no-repeat center center;
background-size: cover;
}
.project-four {
background: #fff url("../imgs/index/5ce7cf8.jpg") no-repeat center center;
background: #fff url("../images/index/5ce7cf8.jpg") no-repeat center center;
background-size: cover;
}
.project-five {
background: #fff url("../imgs/index/38be78d.jpg") no-repeat center center;
background: #fff url("../images/index/38be78d.jpg") no-repeat center center;
background-size: cover;
}
}
......@@ -773,7 +773,7 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
.hot-project-banner {
height: 600px;
width: 100%;
background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center;
background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
background-size: cover;
text-align: center;
color: #fff;
......@@ -794,7 +794,7 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
.hot-project-banner {
height: 470px;
width: 100%;
background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center;
background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
background-size: cover;
text-align: center;
color: #fff;
......@@ -842,7 +842,7 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
position: relative;
top: 20px;
margin-right: 6px;
background: url("../imgs/hot_project/tabs01.png") no-repeat -46px -13px;
background: url("../images/hot_project/tabs01.png") no-repeat -46px -13px;
}
}
li:nth-child(2) {
......@@ -1022,24 +1022,24 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
li:nth-child(1) {
border-right: 1px solid #43abb6;
dt {
background: url("../imgs/hot_project/tabs05_b.png") no-repeat;
background: url("../images/hot_project/tabs05_b.png") no-repeat;
}
}
li:nth-child(2) {
border-right: 1px solid #43abb6;
dt {
background: url("../imgs/hot_project/tabs04_b.png") no-repeat;
background: url("../images/hot_project/tabs04_b.png") no-repeat;
}
}
li:nth-child(3) {
border-right: 1px solid #43abb6;
dt {
background: url("../imgs/hot_project/tabs03_b.png") no-repeat;
background: url("../images/hot_project/tabs03_b.png") no-repeat;
}
}
li:nth-child(4) {
dt {
background: url("../imgs/hot_project/tabs02_b.png") no-repeat;
background: url("../images/hot_project/tabs02_b.png") no-repeat;
}
}
li:hover {
......@@ -1053,13 +1053,13 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
@-webkit-keyframes changeOne {
0% {
opacity: 1;
background: url("../imgs/hot_project/tabs05_b.png ") no-repeat;
background: url("../images/hot_project/tabs05_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("../imgs/hot_project/tabs05_a.png ") no-repeat;
background: url("../images/hot_project/tabs05_a.png ") no-repeat;
opacity: 1;
}
}
......@@ -1073,13 +1073,13 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
@-webkit-keyframes changeTwo {
0% {
opacity: 1;
background: url("../imgs/hot_project/tabs04_b.png ") no-repeat;
background: url("../images/hot_project/tabs04_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("../imgs/hot_project/tabs04_a.png ") no-repeat -1px -1px;
background: url("../images/hot_project/tabs04_a.png ") no-repeat -1px -1px;
opacity: 1;
}
}
......@@ -1093,14 +1093,14 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
@-webkit-keyframes changeThree {
0% {
opacity: 1;
background: url("../imgs/hot_project/tabs03_b.png ") no-repeat;
background: url("../images/hot_project/tabs03_b.png ") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("../imgs/hot_project/tabs03_a.png ") no-repeat;
background: url("../images/hot_project/tabs03_a.png ") no-repeat;
}
}
dt {
......@@ -1112,14 +1112,14 @@ h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
li:nth-child(4):hover {
@-webkit-keyframes changeFour {
0% {
background: url("../imgs/hot_project/tabs02_b.png ") no-repeat;
background: url("../images/hot_project/tabs02_b.png ") no-repeat;
}
50% {
opacity:0;
}
100% {
opacity: 1;
background: url("../imgs/hot_project/tabs02_a.png ") no-repeat;
background: url("../images/hot_project/tabs02_a.png ") no-repeat;
}
}
dt {
......@@ -1195,7 +1195,7 @@ body {
.about-us-banner {
width: 100%;
height: 667px;
background: url("../imgs/index/banner.jpg") no-repeat center center;
background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
......@@ -1225,7 +1225,7 @@ body {
.about-us-banner {
width: 100%;
height: 450px;
background: url("../imgs/index/banner.jpg") no-repeat center center;
background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover;
color: #fff;
text-align: center;
......@@ -1254,7 +1254,7 @@ body {
.about-us-banner-bottom {
width: 100%;
height: 824px;
background: url("../imgs/about_us/bg_2.jpg") no-repeat center center;
background: url("../images/about_us/bg_2.jpg") no-repeat center center;
background-size: cover;
h4 {
font-size: 52px;
......@@ -1348,7 +1348,7 @@ body {
position: relative;
}
a:nth-child(1) {
background: url("../imgs/about_us/zhongjiang.jpg") no-repeat;
background: url("../images/about_us/zhongjiang.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
a:nth-child(1)::before {
......@@ -1372,7 +1372,7 @@ body {
background: #f6f6f6;
}
a:nth-child(2) {
background: url("../imgs/about_us/zhongrong.jpg") no-repeat;
background: url("../images/about_us/zhongrong.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
a:nth-child(2)::after {
......@@ -1386,7 +1386,7 @@ body {
background: #f6f6f6;
}
a:nth-child(3) {
background: url("../imgs/about_us/guomin.jpg") no-repeat;
background: url("../images/about_us/guomin.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3;
}
a:nth-child(3)::after {
......@@ -1400,7 +1400,7 @@ body {
background: #f6f6f6;
}
a:nth-child(4) {
background: url("../imgs/about_us/guangda.jpg") no-repeat;
background: url("../images/about_us/guangda.jpg") no-repeat;
margin-right: 0;
border-right: none;
border-bottom: 1px solid #c3c3c3;
......@@ -1416,16 +1416,16 @@ body {
background: #f6f6f6;
}
a:nth-child(5) {
background: url("../imgs/about_us/zhongxing.jpg") no-repeat;
background: url("../images/about_us/zhongxing.jpg") no-repeat;
}
a:nth-child(6) {
background: url("../imgs/about_us/fangzheng.jpg") no-repeat;
background: url("../images/about_us/fangzheng.jpg") no-repeat;
}
a:nth-child(7) {
background: url("../imgs/about_us/huaxing.jpg") no-repeat;
background: url("../images/about_us/huaxing.jpg") no-repeat;
}
a:nth-child(8) {
background: url("../imgs/about_us/zhongtai.jpg") no-repeat;
background: url("../images/about_us/zhongtai.jpg") no-repeat;
margin: 0;
border-right: none;
}
......@@ -1436,7 +1436,7 @@ body {
.address-map {
height: 575px;
width: 100%;
background: url("../imgs/about_us/map.jpg") no-repeat center center;
background: url("../images/about_us/map.jpg") no-repeat center center;
background-size: cover;
> div {
width: 1200px;
......
@container-width: 1000px;
\ No newline at end of file
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', {
page: 'index',
abcd:123,
products:[
{
title:'中电投西安',
img:'/images/index/528ad57.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},{
title:'中电投西安',
img:'/images/index/041c0cc.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},{
title:'中电投西安',
img:'/images/index/fcfbb08.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},{
title:'中电投西安',
img:'/images/index/5ce7cf8.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},{
title:'中电投西安',
img:'/images/index/38be78d.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},
]
});
});
module.exports = router;
<h1>页面出错了!</h1>
<h2>{{message}}</h2>
<p>{{error}}</p>
<div class="banner">
<div class="banner-box">
<h1>海量资源 轻松抢单</h1>
<p>
以科技为手段,面向财富管理行业从业人员的运营服务提供商。
匹配用户风险偏好与投资品,利用互联网大数据,对用户行为、
市场、产品等进行详细的分析,系统为客户推荐多元化的投资组合,
避免客户与理财顾问之间可能的利益冲突,减少用户的投资理财成本支出,使投资人获得更多的收益。
</p>
</div>
</div>
<div class="download">
<a class="android">
<i class="iconfont icon-android"></i>
下载Android版
</a>
<a class="iphone">
<i class="iconfont icon-iphone"></i>
下载iPhone版
</a>
<a class="qr-code" href="">
<img src="/images/index/QR_Code.jpg" alt="">
<span>扫描下载富豆APP</span>
</a>
<img class="app-screen" src="/images/index/iphone.png" alt="app screen">
<hr class="line-separate"/>
</div>
<div class="character">
<ul class="clear">
<li>
<div>
<h3>1000亿</h3>
<h4>累计交易</h4>
</div>
<div>
<img src="/images/index/picture_01.png"/>
<h3>金融脱媒</h3>
<h4>一手资源,从融资方直接取得项目资源</h4>
</div>
</li>
<li>
<div>
<h3>1000亿</h3>
<h4>累计交易</h4>
</div>
<div>
<img src="/images/index/picture_01.png"/>
<h3>金融脱媒</h3>
<h4>一手资源,从融资方直接取得项目资源</h4>
</div>
</li>
<li>
<div>
<h3>1000亿</h3>
<h4>累计交易</h4>
</div>
<div>
<img src="/images/index/picture_01.png"/>
<h3>金融脱媒</h3>
<h4>一手资源,从融资方直接取得项目资源</h4>
</div>
</li>
<li>
<div>
<h3>1000亿</h3>
<h4>累计交易</h4>
</div>
<div>
<img src="/images/index/picture_01.png"/>
<h3>金融脱媒</h3>
<h4>一手资源,从融资方直接取得项目资源</h4>
</div>
</li>
</ul>
</div>
<div class="projects">
<header class="clear">
<div>
<div>
<a class="logo"></a>
</div>
</div>
<div>
<div>
<h3>推荐优质项目 领取高额介绍费</h3>
</div>
</div>
</header>
<section class="clear">
<div>
<p>
精选稀缺产品<br/>
非区非县,市级资产端一手政信
</p>
<p>
尽享高额佣金<br/>
远高市场佣金比例的返佣制度
</p>
<p>
完善风控体系<br/>
原招商银行风控团队层层把关
</p>
<p>
佣金快速结算<br/>
项目成立 T+0 ,帮您快速结佣
</p>
</div>
<div>
<div class="computer"></div>
</div>
</section>
</div>
<div class="products">
<ul>
{{#each products}}
<li class="clear">
<div style="background-image:url({{this.img}})"></div>
<div>
<h3>{{this.title}}</h3>
<div>
<span>
<strong>{{this.raiseTime}}</strong><br/>募集时间
</span>
<span>
<strong>{{this.raiseFunds}}</strong>亿<br/>募集资金
</span>
<span>
<strong>{{this.maxProfits}}</strong>%<br/>最高收益
</span>
</div>
<a href="{{this.link}}">查看详情 &gt;</a>
</div>
</li>
{{/each}}
</ul>
</div>
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>富豆优投</title>
<link rel="icon" href="/favicon.ico"/>
<link rel="stylesheet" href="/stylesheets/style.css"/>
<link rel="stylesheet" href="/stylesheets/{{page}}.css"/>
</head>
<body>
<header id="header">
<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="/product">最新产品 / PRODUCT</a></span>
<span><a href="/about">关于我们 / ABOUT</a></span>
</nav>
</div>
</header>
<section id="container">
{{{body}}}
</section>
<footer id="footer">
<h3>全国客服热线 9:30-18:30</h3>
<h2>400-888-8888</h2>
<hr class="line-separate"/>
<address>浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="mailto:hr@shuniu.com">hr@shuniu.com</a></address>
<p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</footer>
<script src="/javascripts/jquery-1.8.3.min.js"></script>
<script src="/javascripts/{{page}}.js"></script>
</body>
</html>
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" name="www.fudou6.com node_modules" level="project" />
</component>
</module>
\ 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