Skip to content

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

7.29版本

parent f92e261e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 1341 additions and 830 deletions
CSS/styles.css
View file @ ef576e75
This diff is collapsed.
CSS/styles.less
View file @ ef576e75
This diff is collapsed.
HTML/about_us.html → HTML/aboutUs.html
View file @ ef576e75
...@@ -4,32 +4,32 @@ ...@@ -4,32 +4,32 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>富豆优投</title> <title>富豆优投</title>
<link rel="stylesheet" href="../CSS/normalize.css"/> <link rel="stylesheet" href="../CSS/normalize.css"/>
<link rel="stylesheet" href="../CSS/styles.css" /> <link rel="stylesheet" href="../CSS/styles.css"/>
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<!--暂时放在这里--> <!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a> <a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<ul class="clear"> <ul class="clear">
<li class="fl"><a href="">首页 / PROJECT</a></li> <li class="fl"><a href="index.html">首页 / PROJECT</a></li>
<li class="fl"><a href="">项目合作 / PROJECT</a></li> <li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
<li class="fl"><a href="">最新产品 / PRODUCT</a></li> <li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="">关于我们 / ABOUT</a></li> <li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li>
</ul> </ul>
</div> </div>
<div id="section"> <div id="section">
<div class="about_us_banner clear"> <div class="about-us-banner clear">
<div class="banner_box"> <div class="banner-box">
<h4>海量资源 轻松抢单</h4> <h4>海量资源 轻松抢单</h4>
<p>以科技为手段，面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。</p> <p>以科技为手段，面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。</p>
</div> </div>
</div> </div>
<div class="about_us_banner_bottom clear"> <div class="about-us-banner-bottom clear">
<h4>企业愿景</h4> <h4>企业愿景</h4>
<b></b> <hr/>
<p>通过自有的风控部门，严格审核项目背景，设计产品结构，同时搭建涵盖APP、微信、网站等多端口的互联网平台，通过科技金融与移动互联网技术，将信息流、业务流整合，让理财师轻松获取需要的优质金融产品，真正为客户提供资产配置服务。</p> <p>通过自有的风控部门，严格审核项目背景，设计产品结构，同时搭建涵盖APP、微信、网站等多端口的互联网平台，通过科技金融与移动互联网技术，将信息流、业务流整合，让理财师轻松获取需要的优质金融产品，真正为客户提供资产配置服务。</p>
</div> </div>
<div class="company_introduction clear"> <div class="company-introduction clear">
<h2><b></b>股东背景</h2> <h2><b></b>股东背景</h2>
<ul class="clear"> <ul class="clear">
<li class="fl"> <li class="fl">
...@@ -60,12 +60,12 @@ ...@@ -60,12 +60,12 @@
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
</div> </div>
</div> </div>
<div class="address_map"> <div class="address-map">
<div class="clear"> <div class="clear">
<div> <div>
<span><img src="../imgs/about_us/icon01.png"/></span> <span><img src="../imgs/about_us/icon01.png"/></span>
<h4>杭州枢纽科技</h4> <h4>杭州枢纽科技</h4>
<b></b> <hr/>
<p>浙江省杭州市余杭区良睦路1299号 互联网村5-305</p> <p>浙江省杭州市余杭区良睦路1299号 互联网村5-305</p>
<h3>400-888-8888</h3> <h3>400-888-8888</h3>
</div> </div>
...@@ -76,9 +76,9 @@ ...@@ -76,9 +76,9 @@
<!--暂时放在这里--> <!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p> <p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4> <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="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> <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
HTML/hot_project.html → HTML/hotProject.html
View file @ ef576e75
...@@ -11,30 +11,28 @@ ...@@ -11,30 +11,28 @@
<!--暂时放在这里--> <!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a> <a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<ul class="clear"> <ul class="clear">
<li class="fl"><a href="">首页 / PROJECT</a></li> <li class="fl"><a href="index.html">首页 / PROJECT</a></li>
<li class="fl"><a href="">项目合作 / PROJECT</a></li> <li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
<li class="fl"><a href="">最新产品 / PRODUCT</a></li> <li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="">关于我们 / ABOUT</a></li> <li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li>
</ul> </ul>
</div> </div>
<div class="modal_box"> <div class="modal-box">
<div class="modal_dialog"> <div class="modal-dialog">
<h4>中电投先融-西安灞桥</h4> <h4>中电投先融-西安灞桥</h4>
<h3>180天 </h3> <h3>180天 </h3>
<h6>基础设施类</h6> <h6>基础设施类</h6>
<p>认购光大信托计划，用于“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目</p> <p>认购光大信托计划，用于“绿源公司”发放信托贷款，用于建设西安绿源农产品批发市场项目</p>
<img src="../imgs/hot_project/success.jpg"> <img src="../imgs/hot_project/success.jpg">
<b id="modal_box_hidden">&times;</b> <b id="modalBoxHidden">&times;</b>
</div> </div>
</div> </div>
<div id="section"> <div id="section">
<div class="hot_project_banner clear"> <div class="hot-project-banner clear">
<h4>富豆优投是枢纽科技旗下</h4> <h4>富豆优投是枢纽科技旗下</h4>
<p>专为地方性项目或企业提供有保障的融资渠道、</p> <p>专为地方性项目或企业提供有保障的融资渠道、<br/>合理对投资资金需求的互联网平台，<br/>拥有数个大型项目资金问题解决方案</p>
<p>合理对投资资金需求的互联网平台，</p>
<p>拥有数个大型项目资金问题解决方案</p>
</div> </div>
<div class="hot_project_introducer"> <div class="hot-project-introducer">
<ul class="clear"> <ul class="clear">
<li class="fl"> <li class="fl">
<i></i> <i></i>
...@@ -57,26 +55,26 @@ ...@@ -57,26 +55,26 @@
<span>扩展融资渠道</span> <span>扩展融资渠道</span>
</li> </li>
</ul> </ul>
<p><b></b></p> <hr/>
<div class="introducer"> <div class="introducer">
<form id="introducer"> <form id="introducer">
<h4>寻找优质项目介绍人</h4> <h4>寻找优质项目介绍人</h4>
<div> <div>
<span>联系方式：</span> <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> </div>
<p class="error_phone"></p> <p class="error-phone"></p>
<div> <div>
<span>项目描述：</span> <span>项目描述：</span>
<textarea name="project_description" id="project_description" placeholder="详细写明您的项目需求 例如：项目时间、内容、合作意向。"></textarea> <textarea name="project-description" id="projectDescription" placeholder="详细写明您的项目需求 例如：项目时间、内容、合作意向。"></textarea>
</div> </div>
<p class="error_description"></p> <p class="error-description"></p>
<div><input type="button" value="立即提交" disabled id="submit"/></div> <div><input type="button" value="立即提交" disabled id="submit"/></div>
</form> </form>
</div> </div>
</div> </div>
<div class="hot_project_address"> <div class="hot-project-address">
<div class="hot_project_address_box"> <div class="hot-project-address-box">
<div> <div>
<h4>热点项目</h4> <h4>热点项目</h4>
<p>※国内各地在进行项目分布图</p> <p>※国内各地在进行项目分布图</p>
...@@ -84,7 +82,7 @@ ...@@ -84,7 +82,7 @@
</div> </div>
</div> </div>
<div class="hot_project_tabs"> <div class="hot-project-tabs">
<ul class="clear"> <ul class="clear">
<li class="fl"> <li class="fl">
<dl> <dl>
...@@ -128,11 +126,11 @@ ...@@ -128,11 +126,11 @@
<!--暂时放在这里--> <!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p> <p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4> <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="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> <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</div> </div>
<script src="../JS/jquery-1.8.3.min.js"></script> <script src="../JS/jquery-1.8.3.min.js"></script>
<script src="../JS/hot_project.js"></script> <script src="../JS/hotProject.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
HTML/index.html
View file @ ef576e75
This diff is collapsed.
HTML/product.html
View file @ ef576e75
...@@ -12,22 +12,22 @@ ...@@ -12,22 +12,22 @@
<!--暂时放在这里--> <!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a> <a href="index.html"><img src="../imgs/logo.png" alt="logo"></a>
<ul class="clear"> <ul class="clear">
<li class="fl"><a href="">首页 / PROJECT</a></li> <li class="fl"><a href="index.html">首页 / PROJECT</a></li>
<li class="fl"><a href="">项目合作 / PROJECT</a></li> <li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
<li class="fl"><a href="">最新产品 / PRODUCT</a></li> <li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="">关于我们 / ABOUT</a></li> <li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li>
</ul> </ul>
</div> </div>
<div id="section"> <div id="section">
<div class="banner"> <div class="banner">
<div class="banner_box"> <div class="banner-box">
<h4>海量资源 轻松抢单</h4> <h4>海量资源 轻松抢单</h4>
<p>以科技为手段，面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。</p> <p>以科技为手段，面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。</p>
</div> </div>
</div> </div>
<div class="product_info"> <div class="product-info">
<div class="product_intro"> <div class="product-intro">
<h4 class="product_info_title"><b></b>XX证券-贵州同仁证券</h4> <h4 class="product-info-title"><b></b>XX证券-贵州同仁证券</h4>
<table> <table>
<thead> <thead>
<tr> <tr>
...@@ -52,8 +52,8 @@ ...@@ -52,8 +52,8 @@
<tfoot> <tfoot>
<tr> <tr>
<td colspan="3"> <td colspan="3">
剩余额度：<span id="my_balance">200</span>万/<span id="total">2000</span>万 剩余额度：<span id="myBalance">200</span>万/<span id="total">2000</span>万
<p id="progress_bar"><i></i></p> <p id="progressBar"><i></i></p>
</td> </td>
</tr> </tr>
</tfoot> </tfoot>
...@@ -63,8 +63,8 @@ ...@@ -63,8 +63,8 @@
<p>募集中</p> <p>募集中</p>
</div> </div>
</div> </div>
<div class="product_appointment"> <div class="product-appointment">
<h4 class="product_info_title"><b></b>在线预约</h4> <h4 class="product-info-title"><b></b>在线预约</h4>
<p>留下联系方式我们帮您第一时间抢占稀缺额度</p> <p>留下联系方式我们帮您第一时间抢占稀缺额度</p>
<form id="form"> <form id="form">
<input type="text" name="userName" placeholder="请填写您的姓名" id="userName"/> <input type="text" name="userName" placeholder="请填写您的姓名" id="userName"/>
...@@ -74,13 +74,13 @@ ...@@ -74,13 +74,13 @@
<p id="errorName" class="fl"></p> <p id="errorName" class="fl"></p>
<p id="errorTel" class="fl"></p> <p id="errorTel" class="fl"></p>
</div> </div>
<div class="product_detail"> <div class="product-detail">
<h4 class="product_info_title"><b></b>产品详情</h4> <h4 class="product-info-title"><b></b>产品详情</h4>
<table> <table>
<tbody> <tbody>
<tr> <tr>
<td class="product_detail_key bb br">产品名称</td> <td class="product-detail-key bb br">产品名称</td>
<td class="product_detail_value bb">XX证券-贵州同仁证券</td> <td class="product-detail-value bb">XX证券-贵州同仁证券</td>
</tr> </tr>
<tr> <tr>
<td class="bb br">产品类别</td> <td class="bb br">产品类别</td>
...@@ -156,9 +156,9 @@ ...@@ -156,9 +156,9 @@
<!--暂时放在这里--> <!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p> <p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4> <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="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> <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</div> </div>
<script src="../JS/jquery-1.8.3.min.js"></script> <script src="../JS/jquery-1.8.3.min.js"></script>
<script src="../JS/product.js"></script> <script src="../JS/product.js"></script>
......
JS/hotProject.js 0 → 100755
View file @ ef576e75
/**
* 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
JS/hot_project.js deleted 100755 → 0
View file @ f92e261e
/**
* 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
JS/product.js
View file @ ef576e75
/** /**
* Created by Administrator on 2016/7/26. * Created by Administrator on 2016/7/26.
*/ */
(function() { (function () {
var my_balance=$('#my_balance').html(); var $errorName = $('#errorName');
var total=$('#total').html(); var $errorTel = $('#errorTel');
var progress_bar=parseFloat( $('#progress_bar').css('width') ); var $userName = $('#userName');
$('#progress_bar i').css('width', my_balance/ total *progress_bar+'px'); var $userTel = $('#userTel');
var $submit = $('#submit');
$('#userName').keyup(function(){ var myBalance = $('#myBalance').html();
valiUsername(this); var total = $('#total').html();
}); var progressBar = parseFloat($('#progressBar').css('width'));
$('#userTel').keyup(function(){
valiTel(this); $('#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()+''));
});
$userTel.on('keyup', function () {
valiMobile($userTel.val());
}); });
$('#submit').click(function(){
var userName=$('#userName')[0]; /**
var userTel=$('#userTel')[0]; * 提交验证
var valiU=valiUsername(userName); */
var valiT=valiTel(userTel); $submit.on('click',function (e) {
if( !valiU ){ if( valiUserName($.trim($userName.val()+'')) ){
$(userName).focus(); $userName.focus();
}else { e.preventDefault();
if( !valiT ){ $errorName.html('用户名输入有误,请再次输入!');
$(userTel).focus(); return;
}else{
if( valiMobile( $.trim( $userTel.val()+'' ) ) ){
$userTel.focus();
e.preventDefault();
$errorTel.html('密码有误,请再次输入!');
return;
}else{ }else{
$('#form')[0].submit; $("#form").submit;
console.log('ok');
} }
} }
}); });
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;
}else{
$('#errorTel').html('');
return true;
}
}
})(); })();
imgs/hot_project/tabs01.png 100755 → 100644
View replaced file @ f92e261e View file @ ef576e75
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