Skip to content

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

update

parent 99c34be6
Show whitespace changes
Inline Side-by-side
Showing with 553 additions and 88 deletions
.babelrc 0 → 100644
View file @ 8b103151
{
"plugins": ["transform-es2015-modules-umd"]
}
\ No newline at end of file
package.json
View file @ 8b103151
......@@ -6,6 +6,7 @@
"start": "node ./bin/www"
},
"dependencies": {
"babel-plugin-transform-es2015-sticky-regex": "^6.8.0",
"body-parser": "~1.13.2",
"cookie-parser": "~1.3.5",
"debug": "~2.2.0",
......@@ -13,5 +14,10 @@
"express-handlebars": "*",
"morgan": "~1.6.1",
"serve-favicon": "~2.3.0"
},
"devDependencies": {
"babel-cli": "^6.11.4",
"babel-plugin-transform-es2015-sticky-regex": "^6.8.0",
"babel-preset-es2015": "^6.9.0"
}
}
\ No newline at end of file
public/javascripts/jquery-1.8.3.min.js 100755 → 100644
View file @ 8b103151
File mode changed from 100755 to 100644
public/javascripts/product.js 100755 → 100644
View file @ 8b103151
File mode changed from 100755 to 100644
public/javascripts/products.js 0 → 100644
View file @ 8b103151
import $ from 'jquery';
$.ajax('/api/1.0/prod/hList.json', {
dataType: 'json',
data: {
cateId: 2001000,
s: 10,
p: 0
}
}).done(data=> {
console.log(data);
}).fail((xhr, status, text) => {
console.log(arguments);
}).always(()=> {
});
export default ()=>{
}
public/javascripts/project.js 100755 → 100644
View file @ 8b103151
File mode changed from 100755 to 100644
public/stylesheets/products.css 0 → 100644
View file @ 8b103151
.products {
width: 1150px;
margin: 0 auto;
}
.products li {
position: relative;
border: 1px solid #939393;
margin-bottom: 20px;
}
.products li > .seal {
position: absolute;
top: 50%;
left: 45px;
right: auto;
bottom: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 150px;
height: 150px;
margin-top: -75px;
}
.products li > .corner {
position: absolute;
top: 0;
left: auto;
right: 0;
bottom: auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 80px;
height: 96px;
}
.products li > div {
border-left: 8px solid transparent;
padding: 0 125px 0 236px;
transition: border .5s;
}
.products li > div > div {
float: left;
min-height: 300px;
color: #2d2f33;
position: relative;
}
.products li > div > div:first-child {
width: 60%;
}
.products li > div > div:first-child:after {
content: '';
position: absolute;
top: 0;
left: 100%;
right: 0;
bottom: 0;
width: 0;
height: 100%;
border-right: 1px solid #939393;
}
.products li > div > div:first-child h2 {
font-size: 18px;
}
.products li > div > div:first-child h3 {
color: #ff4a4a;
font-size: 16px;
}
.products li > div > div:first-child h3:before {
margin-right: 1em;
content: '总额度';
color: #2d2f33;
}
.products li > div > div:first-child > div span {
float: left;
width: 33%;
text-align: center;
font-size: 16px;
line-height: 50px;
}
.products li > div > div:first-child > div span:after {
font-size: 16px;
color: #848484;
line-height: 16px;
}
.products li > div > div:first-child > div span:nth-child(1) {
font-size: 30px;
color: #ff4a4a;
}
.products li > div > div:first-child > div span:nth-child(1):after {
content: '预期收益';
}
.products li > div > div:first-child > div span:nth-child(2):after {
content: '起投(万)';
}
.products li > div > div:first-child > div span:nth-child(3):after {
content: '期限';
}
.products li > div > div:last-child {
width: 40%;
}
.products li > div > div:last-child h4 {
color: #000;
font-size: 16px;
border-left: 5px solid #2d2f33;
}
.products li > div > div:last-child p {
font-size: 14px;
}
.products li.status-1 > .seal {
background-image: url('https://res.fudou6.com/c/4/20160730/yetaWNvbi1zeWVk_235x235.png');
}
.products li.status-1 > .corner {
background-image: url('https://res.fudou6.com/c/4/20160730/vjbc3RhdHVzXzAz_125x158.png');
}
.products li.status-1:hover > div {
border-left-color: #ff4a4a;
}
.products li.status-2 > .seal {
background-image: url('https://res.fudou6.com/c/4/20160730/9m3aWNvbi13YWl0_236x236.png');
}
.products li.status-2 > .corner {
background-image: url('https://res.fudou6.com/c/4/20160730/37nc3RhdHVzXzEw_125x158.png');
}
.products li.status-2:hover > div {
border-left-color: #000;
}
.products li.status-3 > .seal {
background-image: url('https://res.fudou6.com/c/4/20160730/9w0aWNvbi1wYXVzZQ==_236x236.png');
}
.products li.status-3 > .corner {
background-image: url('https://res.fudou6.com/c/4/20160730/g33c3RhdHVzXzE1_125x158.png');
}
.products li.status-3:hover > div {
border-left-color: #43abb6;
}
.products li.status-4 > .seal {
background-image: url('https://res.fudou6.com/c/4/20160730/9r8aWNvbi15Zno=_236x236.png');
}
.products li.status-4 > .corner {
background-image: url('https://res.fudou6.com/c/4/20160730/cwnc3RhdHVzXzE5_125x158.png');
}
.products li.status-4:hover > div {
border-left-color: #7a7b7c;
}
.products li.status-5 > .seal {
background-image: url('https://res.fudou6.com/c/4/20160730/q9gaWNvbi15d2M=_236x236.png');
}
.products li.status-5 > .corner {
background-image: url('https://res.fudou6.com/c/4/20160730/52mc3RhdHVzXzIz_125x158.png');
}
.products li.status-5:hover > div {
border-left-color: #c5c5c5;
}
public/stylesheets/products.less 0 → 100644
View file @ 8b103151
@import "variable";
@color: #2d2f33;
@highlightColor: #ff4a4a;
@seal-size: 150px;
@corner-width: 80px;
@corner-height: 150 / 125 * @corner-width;
.icon(@w, @h) {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: @w;
height: @h;
}
.absolute(@t:auto,@l:auto, @r:auto, @b:auto) {
position: absolute;
top: @t;
left: @l;
right: @r;
bottom: @b;
}
.products {
width: @container-width;
margin: 0 auto;
li {
position: relative;
border: 1px solid #939393;
margin-bottom: 20px;
& > .seal {
.absolute(50%, 45px);
.icon(@seal-size, @seal-size);
margin-top: -@seal-size/2;
}
& > .corner {
.absolute(0, auto, 0);
.icon(@corner-width, @corner-height);
}
& > div {
border-left: 8px solid transparent;
padding: 0 125px 0 236px;
transition: border .5s;
& > div {
float: left;
min-height: 300px;
color: @color;
position: relative;
&:first-child {
width: 60%;
&:after {
content: '';
.absolute(0, 100%, 0, 0);
width: 0;
height: 100%;
border-right: 1px solid #939393;
}
h2 {
font-size: 18px;
}
h3 {
color: @highlightColor;
font-size: 16px;
&:before {
margin-right: 1em;
content: '总额度';
color: @color;
}
}
& > div {
span {
float: left;
width: 33%;
text-align: center;
font-size: 16px;
line-height: 50px;
&:after {
font-size: 16px;
color: #848484;
line-height: 16px;
}
&:nth-child(1) {
font-size: 30px;
color: @highlightColor;
&:after {
content: '预期收益';
}
}
&:nth-child(2) {
&:after {
content: '起投(万)';
}
}
&:nth-child(3) {
&:after {
content: '期限';
}
}
}
}
}
&:last-child {
width: 40%;
h4 {
color: #000;
font-size: 16px;
border-left: 5px solid @color;
}
p {
font-size: 14px;
}
}
}
}
.status(@index, @seal, @corner, @color) {
&.status-@{index} {
& > .seal {
background-image: url(@seal);
}
& > .corner {
background-image: url(@corner);
}
&:hover {
& > div {
border-left-color: @color;
}
}
}
}
.status(1, 'https://res.fudou6.com/c/4/20160730/yetaWNvbi1zeWVk_235x235.png',
'https://res.fudou6.com/c/4/20160730/vjbc3RhdHVzXzAz_125x158.png', @highlightColor);
.status(2, 'https://res.fudou6.com/c/4/20160730/9m3aWNvbi13YWl0_236x236.png',
'https://res.fudou6.com/c/4/20160730/37nc3RhdHVzXzEw_125x158.png', #000);
.status(3, 'https://res.fudou6.com/c/4/20160730/9w0aWNvbi1wYXVzZQ==_236x236.png',
'https://res.fudou6.com/c/4/20160730/g33c3RhdHVzXzE1_125x158.png', #43abb6);
.status(4, 'https://res.fudou6.com/c/4/20160730/9r8aWNvbi15Zno=_236x236.png',
'https://res.fudou6.com/c/4/20160730/cwnc3RhdHVzXzE5_125x158.png', #7a7b7c);
.status(5, 'https://res.fudou6.com/c/4/20160730/q9gaWNvbi15d2M=_236x236.png',
'https://res.fudou6.com/c/4/20160730/52mc3RhdHVzXzIz_125x158.png', #c5c5c5);
}
}
\ No newline at end of file
routes/index.js
View file @ 8b103151
......@@ -4,94 +4,101 @@ var router = express.Router();
var product = require('./product');
/* GET home page. */
router.get('/', function(req, res) {
router.get('/', function (req, res) {
res.render('index', {
page: 'index',
character:[
character: [
{
sum:'526亿',
text:'累计交易',
img:'/images/index/picture_01.png',
c1:'金融脱媒',
c2:'一手资源，从融资方直接取得项目资源'
sum: '526亿',
text: '累计交易',
img: '/images/index/picture_01.png',
c1: '金融脱媒',
c2: '一手资源，从融资方直接取得项目资源'
},
{
sum:'3075位',
text:'精英理财师数',
img:'/images/index/picture_01.png',
c1:'严格风控',
c2:'原招商银行风控团队'
sum: '3075位',
text: '精英理财师数',
img: '/images/index/picture_01.png',
c1: '严格风控',
c2: '原招商银行风控团队'
},
{
sum:'335款',
text:'发行产品数',
img:'/images/index/picture_01.png',
c1:'快速结拥',
c2:'新用户款到结拥'
sum: '335款',
text: '发行产品数',
img: '/images/index/picture_01.png',
c1: '快速结拥',
c2: '新用户款到结拥'
},
{
sum:'3.7亿',
text:'累计发行佣金',
img:'/images/index/picture_01.png',
c1:'佣金超高',
c2:'高于市场千八的佣金体系'
sum: '3.7亿',
text: '累计发行佣金',
img: '/images/index/picture_01.png',
c1: '佣金超高',
c2: '高于市场千八的佣金体系'
},
],
products:[
products: [
{
title:'中电投先融-西安灞桥',
img:'http://res.fudou6.com/c/4/20160730/c4sNTI4YWQ1Nw==_1000x600.jpg',
raiseTime:'28',
title: '中电投先融-西安灞桥',
img: 'http://res.fudou6.com/c/4/20160730/c4sNTI4YWQ1Nw==_1000x600.jpg',
raiseTime: '28',
raiseFunds: '4',
maxProfits: '8.0%-8.5%',
link:''
},{
title:'中电投先融-天津市级政信',
img:'http://res.fudou6.com/c/4/20160730/m3gMDQxYzBjYw==_1000x600.jpg',
raiseTime:'28',
link: ''
}, {
title: '中电投先融-天津市级政信',
img: 'http://res.fudou6.com/c/4/20160730/m3gMDQxYzBjYw==_1000x600.jpg',
raiseTime: '28',
raiseFunds: '5',
maxProfits: '8.3%',
link:''
},{
title:'中电投先融-锐金1-2号',
img:'http://res.fudou6.com/c/4/20160730/eedZmNmYmIwOA==_600x375.jpg',
raiseTime:'21',
link: ''
}, {
title: '中电投先融-锐金1-2号',
img: 'http://res.fudou6.com/c/4/20160730/eedZmNmYmIwOA==_600x375.jpg',
raiseTime: '21',
raiseFunds: '2',
maxProfits: '8.5%-8.7%',
link:''
},{
title:'金元南通新沿海1号',
img:'http://res.fudou6.com/c/4/20160730/y3sNWNlN2NmOA==_1000x600.jpg',
raiseTime:'20',
link: ''
}, {
title: '金元南通新沿海1号',
img: 'http://res.fudou6.com/c/4/20160730/y3sNWNlN2NmOA==_1000x600.jpg',
raiseTime: '20',
raiseFunds: '2',
maxProfits: '8.2%-8.5%',
link:''
},{
title:'国信证券<br/>巴中市高明新区壁州大道',
img:'http://res.fudou6.com/c/4/20160730/pdeMzhiZTc4ZA==_1000x600.jpg',
raiseTime:'52',
link: ''
}, {
title: '国信证券<br/>巴中市高明新区壁州大道',
img: 'http://res.fudou6.com/c/4/20160730/pdeMzhiZTc4ZA==_1000x600.jpg',
raiseTime: '52',
raiseFunds: '1',
maxProfits: '10.2%-10.6%',
link:''
link: ''
},
]
});
});
router.get('/about', function(req, res){
router.get('/about', function (req, res) {
res.render('about', {
page:'about'
page: 'about'
});
});
router.get('/project', function(req, res){
router.get('/project', function (req, res) {
res.render('project', {
page:'project'
page: 'project'
});
});
router.get('/product', product);
router.get('/products', function (req, res) {
res.render('products', {
page: 'products'
});
});
module.exports = router;
views/index.hbs
View file @ 8b103151
......@@ -10,24 +10,23 @@
</div>
</div>
<div class="download">
<a class="android">
<a class="android" href="http://android.myapp.com/myapp/detail.htm?apkName=com.fudou6.app" target="_blank">
<i class="iconfont icon-android"></i>
下载Android版
</a>
<a class="iphone">
<a class="iphone" href="https://itunes.apple.com/cn/app/fu-dou-you-tou/id1125652968?mt=8" target="_blank">
<i class="iconfont icon-iphone"></i>
下载iPhone版
</a>
<a class="qr-code" href="">
<a class="qr-code" href="http://a.app.qq.com/o/simple.jsp?pkgname=com.fudou6.app" target="_blank">
<img src="https://res.fudou6.com/c/4/20160730/e9e5a+M6LGG5LyY5oqV5LiL6L295LqM57u056CB_280x280.png" width="124" alt="">
<span>扫描下载富豆APP</span>
</a>
<div class="app-screen"></div>
<!--<img class="app-screen" src="/images/index/iphone.png" alt="app screen">-->
<hr class="line-separate"/>
</div>
<div class="character">
<ul class="clear">
<ul class="clear">z
{{#each character}}
<li>
<div>
......
views/products.hbs 0 → 100644
View file @ 8b103151
<div class="banner">
<div class="banner-box">
<h1>海量资源 轻松抢单</h1>
<p>
以科技为手段，面向财富管理行业从业人员的运营服务提供商。
匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、
市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，
避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。
</p>
</div>
</div>
<div class="tabs">
<header>
<a>全部</a>
<a>资管</a>
<a>信托</a>
<a>私募</a>
</header>
<section>
<div>
<ul class="products">
<li class="status-1">
<i class="seal seal-{{seal}}"></i>
<div class="clear">
<div>
<h2>{{itemShortTitle}}</h2>
<h3>{{fundRaisedTarget}}</h3>
<div>
<span>{{commissionMaxDur}}</span>
<span>{{minimumAmount}}</span>
<span>{{duration}}</span>
</div>
</div>
<div>
<h4>项目亮点</h4>
<p>{{summary}}</p>
</div>
</div>
<i class="corner corner-{{status}}"></i>
</li>
<li class="status-2">
<i class="seal seal-{{seal}}"></i>
<div class="clear">
<div>
<h2>{{itemShortTitle}}</h2>
<h3>{{fundRaisedTarget}}</h3>
<div>
<span>{{commissionMaxDur}}</span>
<span>{{minimumAmount}}</span>
<span>{{duration}}</span>
</div>
</div>
<div>
<h4>项目亮点</h4>
<p>{{summary}}</p>
</div>
</div>
<i class="corner corner-{{status}}"></i>
</li>
<li class="status-3">
<i class="seal seal-{{seal}}"></i>
<div class="clear">
<div>
<h2>{{itemShortTitle}}</h2>
<h3>{{fundRaisedTarget}}</h3>
<div>
<span>{{commissionMaxDur}}</span>
<span>{{minimumAmount}}</span>
<span>{{duration}}</span>
</div>
</div>
<div>
<h4>项目亮点</h4>
<p>{{summary}}</p>
</div>
</div>
<i class="corner corner-{{status}}"></i>
</li>
<li class="status-4">
<i class="seal seal-{{seal}}"></i>
<div class="clear">
<div>
<h2>{{itemShortTitle}}</h2>
<h3>{{fundRaisedTarget}}</h3>
<div>
<span>{{commissionMaxDur}}</span>
<span>{{minimumAmount}}</span>
<span>{{duration}}</span>
</div>
</div>
<div>
<h4>项目亮点</h4>
<p>{{summary}}</p>
</div>
</div>
<i class="corner corner-{{status}}"></i>
</li>
<li class="status-5">
<i class="seal seal-{{seal}}"></i>
<div class="clear">
<div>
<h2>{{itemShortTitle}}</h2>
<h3>{{fundRaisedTarget}}</h3>
<div>
<span>{{commissionMaxDur}}</span>
<span>{{minimumAmount}}</span>
<span>{{duration}}</span>
</div>
</div>
<div>
<h4>项目亮点</h4>
<p>{{summary}}</p>
</div>
</div>
<i class="corner corner-{{status}}"></i>
</li>
</ul>
<ul class="pagination"></ul>
</div>
<div></div>
<div></div>
<div></div>
</section>
</div>
\ No newline at end of file
www.fudou6.com.iml
View file @ 8b103151
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/node_modules" />
</content>
<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