Commit ef576e75 authored by liaili's avatar liaili

7.29版本

parent f92e261e
This diff is collapsed.
This diff is collapsed.
......@@ -4,32 +4,32 @@
<meta charset="UTF-8">
<title>富豆优投</title>
<link rel="stylesheet" href="../CSS/normalize.css"/>
<link rel="stylesheet" href="../CSS/styles.css" />
<link rel="stylesheet" href="../CSS/styles.css"/>
</head>
<body>
<div id="header">
<!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<ul class="clear">
<li class="fl"><a href="">首页 / PROJECT</a></li>
<li class="fl"><a href="">项目合作 / PROJECT</a></li>
<li class="fl"><a href="">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="">关于我们 / ABOUT</a></li>
<li class="fl"><a href="index.html">首页 / PROJECT</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
<li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li>
</ul>
</div>
<div id="section">
<div class="about_us_banner clear">
<div class="banner_box">
<div class="about-us-banner clear">
<div class="banner-box">
<h4>海量资源 轻松抢单</h4>
<p>以科技为手段,面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品,利用互联网大数据,对用户行为、市场、产品等进行详细的分析,系统为客户推荐多元化的投资组合,避免客户与理财顾问之间可能的利益冲突,减少用户的投资理财成本支出,使投资人获得更多的收益。</p>
</div>
</div>
<div class="about_us_banner_bottom clear">
<div class="about-us-banner-bottom clear">
<h4>企业愿景</h4>
<b></b>
<hr/>
<p>通过自有的风控部门,严格审核项目背景,设计产品结构,同时搭建涵盖APP、微信、网站等多端口的互联网平台,通过科技金融与移动互联网技术,将信息流、业务流整合,让理财师轻松获取需要的优质金融产品,真正为客户提供资产配置服务。</p>
</div>
<div class="company_introduction clear">
<div class="company-introduction clear">
<h2><b></b>股东背景</h2>
<ul class="clear">
<li class="fl">
......@@ -60,12 +60,12 @@
<a href="javascrpt:;"></a>
</div>
</div>
<div class="address_map">
<div class="address-map">
<div class="clear">
<div>
<span><img src="../imgs/about_us/icon01.png"/></span>
<h4>杭州枢纽科技</h4>
<b></b>
<hr/>
<p>浙江省杭州市余杭区良睦路1299号 互联网村5-305</p>
<h3>400-888-8888</h3>
</div>
......@@ -76,7 +76,7 @@
<!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4>
<div><span></span></div>
<hr/>
<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>
......
......@@ -11,30 +11,28 @@
<!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<ul class="clear">
<li class="fl"><a href="">首页 / PROJECT</a></li>
<li class="fl"><a href="">项目合作 / PROJECT</a></li>
<li class="fl"><a href="">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="">关于我们 / ABOUT</a></li>
<li class="fl"><a href="index.html">首页 / PROJECT</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
<li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li>
</ul>
</div>
<div class="modal_box">
<div class="modal_dialog">
<div class="modal-box">
<div class="modal-dialog">
<h4>中电投先融-西安灞桥</h4>
<h3>180天 </h3>
<h6>基础设施类</h6>
<p>认购光大信托计划,用于“绿源公司”发放信托贷款,用于建设西安绿源农产品批发市场项目</p>
<img src="../imgs/hot_project/success.jpg">
<b id="modal_box_hidden">&times;</b>
<b id="modalBoxHidden">&times;</b>
</div>
</div>
<div id="section">
<div class="hot_project_banner clear">
<div class="hot-project-banner clear">
<h4>富豆优投是枢纽科技旗下</h4>
<p>专为地方性项目或企业提供有保障的融资渠道、</p>
<p>合理对投资资金需求的互联网平台,</p>
<p>拥有数个大型项目资金问题解决方案</p>
<p>专为地方性项目或企业提供有保障的融资渠道、<br/>合理对投资资金需求的互联网平台,<br/>拥有数个大型项目资金问题解决方案</p>
</div>
<div class="hot_project_introducer">
<div class="hot-project-introducer">
<ul class="clear">
<li class="fl">
<i></i>
......@@ -57,26 +55,26 @@
<span>扩展融资渠道</span>
</li>
</ul>
<p><b></b></p>
<hr/>
<div class="introducer">
<form id="introducer">
<h4>寻找优质项目介绍人</h4>
<div>
<span>联系方式:</span>
<input type="text" id="introducer_tel" name="introducer_tel" placeholder="填写您的联系方式" maxlength="11"/>
<input type="text" id="introducerMobile" name="introducer-mobile" placeholder="填写您的联系方式" maxlength="11"/>
</div>
<p class="error_phone"></p>
<p class="error-phone"></p>
<div>
<span>项目描述:</span>
<textarea name="project_description" id="project_description" placeholder="详细写明您的项目需求 例如:项目时间、内容、合作意向。"></textarea>
<textarea name="project-description" id="projectDescription" placeholder="详细写明您的项目需求 例如:项目时间、内容、合作意向。"></textarea>
</div>
<p class="error_description"></p>
<p class="error-description"></p>
<div><input type="button" value="立即提交" disabled id="submit"/></div>
</form>
</div>
</div>
<div class="hot_project_address">
<div class="hot_project_address_box">
<div class="hot-project-address">
<div class="hot-project-address-box">
<div>
<h4>热点项目</h4>
<p>※国内各地在进行项目分布图</p>
......@@ -84,7 +82,7 @@
</div>
</div>
<div class="hot_project_tabs">
<div class="hot-project-tabs">
<ul class="clear">
<li class="fl">
<dl>
......@@ -128,11 +126,11 @@
<!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4>
<div><span></span></div>
<hr/>
<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/hot_project.js"></script>
<script src="../JS/hotProject.js"></script>
</body>
</html>
\ No newline at end of file
......@@ -3,8 +3,9 @@
<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="stylesheet" href="../CSS/styles.css"/>
</head>
<body>
<!--v1.0版-->
......@@ -12,22 +13,23 @@
<!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<ul class="clear">
<li class="fl"><a href="">首页 / PROJECT</a></li>
<li class="fl"><a href="">项目合作 / PROJECT</a></li>
<li class="fl"><a href="">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="">关于我们 / ABOUT</a></li>
<li class="fl"><a href="index.html">首页 / PROJECT</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
<li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li>
</ul>
</div>
<div id="section">
<div class="banner">
<div class="banner_box">
<div class="banner-box">
<h4>海量资源 轻松抢单</h4>
<p>以科技为手段,面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品,利用互联网大数据,对用户行为、市场、产品等进行详细的分析,系统为客户推荐多元化的投资组合,避免客户与理财顾问之间可能的利益冲突,减少用户的投资理财成本支出,使投资人获得更多的收益。</p>
<p>
以科技为手段,面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品,利用互联网大数据,对用户行为、市场、产品等进行详细的分析,系统为客户推荐多元化的投资组合,避免客户与理财顾问之间可能的利益冲突,减少用户的投资理财成本支出,使投资人获得更多的收益。</p>
</div>
</div>
<div class="download">
<div class="download_top">
<ul class="icon_lists clear">
<div class="download-top">
<ul class="icon-lists clear">
<li class="android">
<i class="icon iconfont">&#xe600;</i>
<b></b>
......@@ -40,13 +42,13 @@
</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">
<p><b></b></p>
<img src="../imgs/index/iphone.png" alt="iphone" class="iphone-img">
<hr/>
</div>
<div class="download_bottom">
<ul>
<li class="fl">
<div class="fl_box">
<div class="fl-box">
<div>
<h4>1000亿</h4>
<p>累计交易</p>
......@@ -62,7 +64,7 @@
</li>
<li class="fl">
<div class="fl_box">
<div class="fl-box">
<div>
<h4>1000位</h4>
<p>精英理财师数</p>
......@@ -77,7 +79,7 @@
</div>
</li>
<li class="fl">
<div class="fl_box">
<div class="fl-box">
<div>
<h4>1000款</h4>
<p>发行产品数</p>
......@@ -92,7 +94,7 @@
</div>
</li>
<li class="fl">
<div class="fl_box">
<div class="fl-box">
<div>
<h4>13亿</h4>
<p>累计发行佣金</p>
......@@ -110,33 +112,31 @@
</div>
</div>
<div class="projects">
<div class="projects_header">
<div class="projects-header">
<div class="fl"></div>
<p class="fl"><span>推荐优质项目 领取高额介绍费</span></p>
</div>
<div class="projects_content">
<ul class="project_intro">
<div class="projects-content">
<div>
<ul class="project-intro">
<li>
<p>精选稀缺产品</p>
<p>非区非县,市级资产端一手政信</p>
精选稀缺产品<br/>非区非县,市级资产端一手政信
</li>
<li>
<p>尽享高额佣金</p>
<p>远高市场佣金比例的返佣制度</p>
尽享高额佣金<br/>远高市场佣金比例的返佣制度
</li>
<li>
<p>完善风控体系</p>
<p>原招商银行风控团队层层把关</p>
完善风控体系<br/>原招商银行风控团队层层把关
</li>
<li>
<p>佣金快速结算</p>
<p>项目成立 T+0 ,帮您快速结佣</p>
佣金快速结算<br/>项目成立 T+0 ,帮您快速结佣
</li>
</ul>
<img src="../imgs/index/computer.jpg" class="computer"/>
<div class="project_info clear">
<p class="project_img project_one fl"></p>
<div class="project_detail fr">
</div>
<div class="project-info clear">
<p class="project-img project-one fl"></p>
<div class="project-detail fr">
<h4>中电投西安</h4>
<i></i>
<ul class="clear">
......@@ -156,9 +156,9 @@
<div><a href="">查看详情 &gt;</a></div>
</div>
</div>
<div class="project_info clear">
<p class="project_img project_two fl"></p>
<div class="project_detail fr">
<div class="project-info clear">
<p class="project-img project-two fl"></p>
<div class="project-detail fr">
<h4>中电投西安</h4>
<i></i>
<ul class="clear">
......@@ -178,8 +178,8 @@
<div><a href="">查看详情 &gt;</a></div>
</div>
</div>
<div class="project_info clear ">
<div class="project_detail project_three fl mr50 project_detail_sm">
<div class="project-info clear ">
<div class="project-detail project-three fl mr50 project-detail-sm">
<h4>中电投西安</h4>
<div><a href="">查看详情 &gt;</a></div>
<ul class="clear">
......@@ -197,7 +197,7 @@
</li>
</ul>
</div>
<div class="project_detail project_four fl mr50 project_detail_sm">
<div class="project-detail project-four fl mr50 project-detail-sm">
<h4>中电投西安</h4>
<div><a href="">查看详情 &gt;</a></div>
<ul class="clear">
......@@ -215,7 +215,7 @@
</li>
</ul>
</div>
<div class="project_detail project_five fr project_detail_sm">
<div class="project-detail project-five fr project-detail-sm">
<h4>中电投西安</h4>
<div><a href="">查看详情 &gt;</a></div>
<ul class="clear">
......@@ -241,7 +241,7 @@
<!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4>
<div><span></span></div>
<hr/>
<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>
......
......@@ -12,22 +12,22 @@
<!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<ul class="clear">
<li class="fl"><a href="">首页 / PROJECT</a></li>
<li class="fl"><a href="">项目合作 / PROJECT</a></li>
<li class="fl"><a href="">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="">关于我们 / ABOUT</a></li>
<li class="fl"><a href="index.html">首页 / PROJECT</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
<li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li>
</ul>
</div>
<div id="section">
<div class="banner">
<div class="banner_box">
<div class="banner-box">
<h4>海量资源 轻松抢单</h4>
<p>以科技为手段,面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品,利用互联网大数据,对用户行为、市场、产品等进行详细的分析,系统为客户推荐多元化的投资组合,避免客户与理财顾问之间可能的利益冲突,减少用户的投资理财成本支出,使投资人获得更多的收益。</p>
</div>
</div>
<div class="product_info">
<div class="product_intro">
<h4 class="product_info_title"><b></b>XX证券-贵州同仁证券</h4>
<div class="product-info">
<div class="product-intro">
<h4 class="product-info-title"><b></b>XX证券-贵州同仁证券</h4>
<table>
<thead>
<tr>
......@@ -52,8 +52,8 @@
<tfoot>
<tr>
<td colspan="3">
剩余额度:<span id="my_balance">200</span>万/<span id="total">2000</span>
<p id="progress_bar"><i></i></p>
剩余额度:<span id="myBalance">200</span>万/<span id="total">2000</span>
<p id="progressBar"><i></i></p>
</td>
</tr>
</tfoot>
......@@ -63,8 +63,8 @@
<p>募集中</p>
</div>
</div>
<div class="product_appointment">
<h4 class="product_info_title"><b></b>在线预约</h4>
<div class="product-appointment">
<h4 class="product-info-title"><b></b>在线预约</h4>
<p>留下联系方式我们帮您第一时间抢占稀缺额度</p>
<form id="form">
<input type="text" name="userName" placeholder="请填写您的姓名" id="userName"/>
......@@ -74,13 +74,13 @@
<p id="errorName" class="fl"></p>
<p id="errorTel" class="fl"></p>
</div>
<div class="product_detail">
<h4 class="product_info_title"><b></b>产品详情</h4>
<div class="product-detail">
<h4 class="product-info-title"><b></b>产品详情</h4>
<table>
<tbody>
<tr>
<td class="product_detail_key bb br">产品名称</td>
<td class="product_detail_value bb">XX证券-贵州同仁证券</td>
<td class="product-detail-key bb br">产品名称</td>
<td class="product-detail-value bb">XX证券-贵州同仁证券</td>
</tr>
<tr>
<td class="bb br">产品类别</td>
......@@ -156,7 +156,7 @@
<!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4>
<div><span></span></div>
<hr/>
<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>
......
/**
* Created by Administrator on 2016/7/27.
*/
(function () {
var $submit = $('#submit');
var $errorPhone = $('.error-phone');
var $errorDescription = $('.error-description');
var $introducerMobile = $('#introducerMobile');
var $projectDescription = $('#projectDescription');
var $modalBox = $('.modal_box');
/**
* 验证手机号
* @param tel
* @returns {boolean}
*/
function valiTel(tel) {
var msg = /^[\d]{11}$/.test(tel) ? '' : '电话号码有误,请再次输入!';
$errorPhone.html(msg);
!msg && disableSubmit();
return !msg;
}
/**
* 验证项目描述不能为空
* @param text
* @returns {boolean}
*/
function valiDescription(text) {
$errorDescription.html(text ? '' : '项目描述不能为空!');
text && disableSubmit();
return !text;
}
/**
* 提交按钮是否可用
*/
function disableSubmit() {
$submit.attr('disabled') && $submit.attr('disabled', false).css('background', '#ff4a4b');
}
$introducerMobile.on({
keyup: function (e) {
valiTel(($introducerMobile.val() + '').trim());
}
})
$projectDescription.on({
keyup: function (e) {
valiDescription(($projectDescription.val() + '').trim());
}
});
$('#introducer').on('submit', function (e) {
if (valiTel(($introducerMobile.val() + '').trim())) {
$introducerMobile.focus();
e.preventDefault();
return;
}
if (valiDescription(($projectDescription.val() + '').trim())) {
$projectDescription.focus();
e.preventDefault();
return;
}
});
/**
* 地图项目地址弹框
*/
$('.project_one').click(function (e) {
e.preventDefault();
$modalBox.show();
});
$('#modal_box_hidden').click(function (e) {
e.preventDefault();
$modalBox.hide();
});
})();
\ No newline at end of file
/**
* Created by Administrator on 2016/7/27.
*/
(function(){
$('#introducer_tel').focus(function(){
if($('#submit').attr('disabled')){
$('#submit').attr('disabled',false);
$('#submit').css('background','#ff4a4b');
}
});
$('#project_description').focus(function(){
if($('#submit').attr('disabled')){
$('#submit').attr('disabled',false);
$('#submit').css('background','#ff4a4b');
}
});
$('#introducer_tel').keyup(function(){
valiTel(this);
});
$('#project_description').keyup(function(){
valiDescription(this);
})
$('#submit').click(function(){
var introducer_tel=$('#introducer_tel')[0];
var project_description=$('#project_description')[0];
var valiT=valiTel(introducer_tel);
var valiD=valiDescription(project_description);
if( !valiT ){
$(introducer_tel).focus();
}else{
if( !valiD ){
$(project_description).focus();
}else{
$('#introducer')[0].submit;
}
}
})
function valiTel(obj){
var reg=/^[0-9]{11}$/;
var tel=obj.value.trim();
if( !reg.test(tel) ){
$('.error_phone').html('电话号码有误,请再次输入!');
return false;
}else{
$('.error_phone').html('');
return true;
}
}
function valiDescription(obj){
var text=obj.value.trim();
if( !text){
$('.error_description').html('项目描述不能为空!');
return false;
}else{
$('.error_description').html('');
return true;
}
}
$('.project_one').click(function(e){
e.preventDefault();
$('.modal_box').css('display','block');
})
$('#modal_box_hidden').click(function(){
$('.modal_box').css('display','none');
});
})();
\ No newline at end of file
/**
* Created by Administrator on 2016/7/26.
*/
(function() {
var my_balance=$('#my_balance').html();
var total=$('#total').html();
var progress_bar=parseFloat( $('#progress_bar').css('width') );
$('#progress_bar i').css('width', my_balance/ total *progress_bar+'px');
(function () {
var $errorName = $('#errorName');
var $errorTel = $('#errorTel');
var $userName = $('#userName');
var $userTel = $('#userTel');
var $submit = $('#submit');
$('#userName').keyup(function(){
valiUsername(this);
});
$('#userTel').keyup(function(){
valiTel(this);
});
$('#submit').click(function(){
var userName=$('#userName')[0];
var userTel=$('#userTel')[0];
var valiU=valiUsername(userName);
var valiT=valiTel(userTel);
if( !valiU ){
$(userName).focus();
}else {
if( !valiT ){
$(userTel).focus();
}else{
$('#form')[0].submit;
var myBalance = $('#myBalance').html();
var total = $('#total').html();
var progressBar = parseFloat($('#progressBar').css('width'));
$('#progressBar i').animate({
width:myBalance/total*progressBar+'px',
opacity:1
},1000);
/**
* 验证用户姓名
* @param obj
* @returns {boolean}
*/
function valiUserName(userName) {
$errorName.html(userName ? '' : '用户名不能为空,请重新输入!');
return !userName;
}
/**
* 验证电话号码
* @param obj
* @returns {boolean}
*/
function valiMobile(mobile) {
var msg = /^[\d]{11}$/.test(mobile) ? '' : '手机号有误,请重新输入!';
$errorTel.html(msg);
return !mobile;
}
$userName.on('keyup', function () {
valiUserName($.trim($userName.val()+''));
});
function valiUsername(obj){
var uText=obj.value.trim();
if(!uText){
$('#errorName').html('用户名不能为空,请重新输入!');
return false;
}else {
$('#errorName').html('');
return true;
}
}
function valiTel(obj){
var telText=obj.value.trim();
var reg=/^[0-9]{11}$/;
if( !reg.test(telText) ){
$('#errorTel').html('手机号有误,请重新输入!');
return false;
$userTel.on('keyup', function () {
valiMobile($userTel.val());
});
/**
* 提交验证
*/
$submit.on('click',function (e) {
if( valiUserName($.trim($userName.val()+'')) ){
$userName.focus();
e.preventDefault();
$errorName.html('用户名输入有误,请再次输入!');
return;
}else{
$('#errorTel').html('');
return true;
if( valiMobile( $.trim( $userTel.val()+'' ) ) ){
$userTel.focus();
e.preventDefault();
$errorTel.html('密码有误,请再次输入!');
return;
}else{
$("#form").submit;
console.log('ok');
}
}
});
})();
imgs/hot_project/tabs01.png

16.2 KB | W: | H:

imgs/hot_project/tabs01.png

17.4 KB | W: | H:

imgs/hot_project/tabs01.png
imgs/hot_project/tabs01.png
imgs/hot_project/tabs01.png
imgs/hot_project/tabs01.png
  • 2-up
  • Swipe
  • Onion skin
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