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 @@
<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,9 +76,9 @@
<!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4>
<div><span></span></div>
<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>
<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>
</body>
</html>
\ No newline at end of file
HTML/hot_project.html → HTML/hotProject.html
View file @ ef576e75
......@@ -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>
<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>
<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
HTML/index.html
View file @ ef576e75
This diff is collapsed.
HTML/product.html
View file @ ef576e75
......@@ -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,9 +156,9 @@
<!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4>
<div><span></span></div>
<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>
<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/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.
*/
(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);
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()+''));
});
$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);
if( !valiU ){
$(userName).focus();
}else {
if( !valiT ){
$(userTel).focus();
/**
* 提交验证
*/
$submit.on('click',function (e) {
if( valiUserName($.trim($userName.val()+'')) ){
$userName.focus();
e.preventDefault();
$errorName.html('用户名输入有误,请再次输入!');
return;
}else{
if( valiMobile( $.trim( $userTel.val()+'' ) ) ){
$userTel.focus();
e.preventDefault();
$errorTel.html('密码有误,请再次输入!');
return;
}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