Skip to content

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

Merge branch 'express' of http://gitlab.yanky.cn/liaili/www.fudou6.com into express

parents 6c817adb 2935167a
Expand all Show whitespace changes
Inline Side-by-side
Showing with 835 additions and 747 deletions
public/javascripts/project.js
View file @ c5da3fc9
...@@ -5,52 +5,71 @@ ...@@ -5,52 +5,71 @@
*/ */
(function () { (function () {
var $form = $('#container .introducer'); var $form = $('#container .introducer');
var $submit = $('input[type="submit"]', $form);
var $introducerMobile = $('#introducerMobile', $form); var $introducerMobile = $('#introducerMobile', $form);
var $projectDescription = $('#projectDescription', $form); var $projectDescription = $('#projectDescription', $form);
var $errorPhone = $('.error-phone', $form); var $errorPhone = $('.error-phone', $form);
var $errorDescription = $('.error-description', $form); var $errorDescription = $('.error-description', $form);
var $successDialog = $('.modal-box-success');
var filterMobileInput = function filterMobileInput($mobile) { var filterMobileInput = function filterMobileInput($mobile) {
$mobile.val(($mobile.val() + '').replace(/[^\d]/g, '')); $mobile.val(($mobile.val() + '').replace(/[^\d]/g, ''));
}; };
var validateMobile = function validateMobile(mobile) { var validateMobile = function validateMobile() {
return (/^[\d]{11}$/g.test(mobile) var mobile = $.trim($introducerMobile.val() + '');
); if (/^[\d]{11}$/g.test(mobile)) {
$errorPhone.empty();
return mobile;
} else {
$errorPhone.html('手机号输入错误!');
return false;
}
}; };
var validateRequire = function validateRequire(value) { var validateDescription = function validateDescription() {
return value.length; var description = $.trim($projectDescription.val() + '');
if (description.length) {
$errorDescription.empty();
return description;
} else {
$errorDescription.html('请输入项目描述内容!');
return false;
}
}; };
$introducerMobile.on('keyup', function (e) { $introducerMobile.on('keyup', function (e) {
filterMobileInput($introducerMobile); filterMobileInput($introducerMobile);
}).on('change blur', function (e) { }).on('change blur', function (e) {
validateMobile($.trim($introducerMobile.val() + '')) ? $errorPhone.empty() : $errorPhone.html('手机号输入错误!'); validateMobile();
}).on('focus', function (e) {
$errorPhone.empty();
}); });
$projectDescription.on('change blur', function (e) { $projectDescription.on('change blur', function (e) {
validateRequire($.trim($projectDescription.val() + '')) ? $errorDescription.empty() : $errorDescription.html('请输入项目描述内容!'); validateDescription();
}).on('focus', function (e) {
$errorDescription.empty();
});
$successDialog.on('click', '.modal-dialog-close', function (e) {
$successDialog.fadeOut(300);
}); });
$form.on('submit', function (e) { $form.on('submit', function (e) {
var mobile = $.trim($introducerMobile.val() + ''); e.preventDefault();
var desc = $.trim($projectDescription.val() + ''); var mobile = validateMobile();
if (validateMobile(mobile)) { var description = validateDescription();
$errorPhone.empty(); if (mobile && description) {
} else { request('/api/1.0/proj/add.json', {
$errorPhone.html('手机号输入错误!'); mobile: mobile,
return; description: description
} }, 'POST').then(function () {
if (validateRequire(desc)) { $successDialog.fadeIn(300);
$errorDescription.empty(); }).catch(function () {
} else { alert('提交失败, 请稍后再试!');
$errorDescription.html('请输入项目描述内容!');
return;
}
request('', {}, 'POST').then(function (result) {
console.log(result);
}); });
}
}); });
})(); })();
......
public/javascripts/project.js.map
View file @ c5da3fc9
This diff is collapsed.
public/javascripts/project.jsx
View file @ c5da3fc9
/** /**
* Created by Administrator on 2016/7/27. * Created by Administrator on 2016/7/27.
*/ */
(()=>{ (()=> {
const $form = $('#container .introducer'); const $form = $('#container .introducer');
const $submit = $('input[type="submit"]', $form);
const $introducerMobile = $('#introducerMobile', $form); const $introducerMobile = $('#introducerMobile', $form);
const $projectDescription = $('#projectDescription', $form); const $projectDescription = $('#projectDescription', $form);
const $errorPhone = $('.error-phone', $form); const $errorPhone = $('.error-phone', $form);
const $errorDescription = $('.error-description', $form); const $errorDescription = $('.error-description', $form);
const $successDialog = $('.modal-box-success');
const filterMobileInput = ($mobile)=>{ const filterMobileInput = ($mobile)=> {
$mobile.val(($mobile.val()+'').replace(/[^\d]/g, '')); $mobile.val(($mobile.val() + '').replace(/[^\d]/g, ''));
}; };
const validateMobile = (mobile)=>{ const validateMobile = ()=> {
return /^[\d]{11}$/g.test(mobile); let mobile = $.trim($introducerMobile.val() + '');
if (/^[\d]{11}$/g.test(mobile)) {
$errorPhone.empty();
return mobile;
} else {
$errorPhone.html('手机号输入错误!');
return false;
}
}; };
const validateRequire = (value)=>{ const validateDescription = ()=> {
return value.length; let description = $.trim($projectDescription.val() + '');
if (description.length) {
$errorDescription.empty();
return description;
} else {
$errorDescription.html('请输入项目描述内容!');
return false;
}
}; };
$introducerMobile.on('keyup', (e)=>{ $introducerMobile.on('keyup', (e)=> {
filterMobileInput($introducerMobile); filterMobileInput($introducerMobile);
}).on('change blur', (e)=>{ }).on('change blur', (e)=> {
validateMobile($.trim($introducerMobile.val()+'')) ? validateMobile();
$errorPhone.empty() : }).on('focus', (e)=> {
$errorPhone.html('手机号输入错误!'); $errorPhone.empty();
}); });
$projectDescription.on('change blur', (e)=>{ $projectDescription.on('change blur', (e)=> {
validateRequire($.trim($projectDescription.val()+'')) ? validateDescription();
$errorDescription.empty() : }).on('focus', (e)=> {
$errorDescription.html('请输入项目描述内容!'); $errorDescription.empty();
}); });
$form.on('submit', (e)=>{
let mobile = $.trim($introducerMobile.val()+''); $successDialog.on('click', '.modal-dialog-close', (e)=> {
let desc = $.trim($projectDescription.val()+''); $successDialog.fadeOut(300);
if(validateMobile(mobile)){
$errorPhone.empty()
}else{
$errorPhone.html('手机号输入错误!');
return;
}
if(validateRequire(desc)){
$errorDescription.empty()
}else {
$errorDescription.html('请输入项目描述内容!');
return;
}
request('', {}, 'POST').then((result)=>{
console.log(result);
}); });
$form.on('submit', (e)=> {
e.preventDefault();
let mobile = validateMobile();
let description = validateDescription();
if (mobile && description) {
request('/api/1.0/proj/add.json', {
mobile,
description
}, 'POST').then(()=> {
$successDialog.fadeIn(300);
}).catch(()=> {
alert('提交失败, 请稍后再试!');
});
}
}); });
})(); })();
(()=>{ (()=> {
const $modalBox = $('.modal-box'); const $modalBox = $('.modal-box');
$('.hot-project-address').on('click','a',(e)=>{ $('.hot-project-address').on('click', 'a', (e)=> {
e.preventDefault(); e.preventDefault();
$modalBox.fadeIn(300); $modalBox.fadeIn(300);
}); });
$modalBox.on('click', '.modal-dialog-close', (e)=>{ $modalBox.on('click', '.modal-dialog-close', (e)=> {
e.preventDefault(); e.preventDefault();
$modalBox.fadeOut(300); $modalBox.fadeOut(300);
}); });
})(); })();
// (function () { // (function () {
// //
// //
......
public/javascripts/project.min.js
View file @ c5da3fc9
"use strict";(function(){var $form=$("#container .introducer");var $introducerMobile=$("#introducerMobile",$form);var $projectDescription=$("#projectDescription",$form);var $errorPhone=$(".error-phone",$form);var $errorDescription=$(".error-description",$form);var filterMobileInput=function filterMobileInput($mobile){$mobile.val(($mobile.val()+"").replace(/[^\d]/g,""))};var validateMobile=function validateMobile(mobile){return/^[\d]{11}$/g.test(mobile)};var validateRequire=function validateRequire(value){return value.length};$introducerMobile.on("keyup",function(e){filterMobileInput($introducerMobile)}).on("change blur",function(e){validateMobile($.trim($introducerMobile.val()+""))?$errorPhone.empty():$errorPhone.html("手机号输入错误!")});$projectDescription.on("change blur",function(e){validateRequire($.trim($projectDescription.val()+""))?$errorDescription.empty():$errorDescription.html("请输入项目描述内容!")});$form.on("submit",function(e){var mobile=$.trim($introducerMobile.val()+"");var desc=$.trim($projectDescription.val()+"");if(validateMobile(mobile)){$errorPhone.empty()}else{$errorPhone.html("手机号输入错误!");return}if(validateRequire(desc)){$errorDescription.empty()}else{$errorDescription.html("请输入项目描述内容!");return}request("",{},"POST").then(function(result){console.log(result)})})})();(function(){var $modalBoxProject=$(".modal-box-project");var $modalBoxSuccess=$(".modal-box-success");$(".hot-project-address a").click(function(e){e.preventDefault();$modalBox.fadeIn(300)});$("#modalBoxHidden").click(function(e){e.preventDefault();$modalBox.fadeOut(300)});$submit.on("click",function(e){e.preventDefault();$modalBoxSuccess.fadeIn(300)});$(".modal-box-success a").on("click",function(e){e.preventDefault();$modalBoxSuccess.fadeOut(300)})})(); "use strict";(function(){var $form=$("#container .introducer");var $submit=$('input[type="submit"]',$form);var $introducerMobile=$("#introducerMobile",$form);var $projectDescription=$("#projectDescription",$form);var $errorPhone=$(".error-phone",$form);var $errorDescription=$(".error-description",$form);var $successDialog=$(".modal-box-success");var filterMobileInput=function filterMobileInput($mobile){$mobile.val(($mobile.val()+"").replace(/[^\d]/g,""))};var validateMobile=function validateMobile(){var mobile=$.trim($introducerMobile.val()+"");if(/^[\d]{11}$/g.test(mobile)){$errorPhone.empty();return mobile}else{$errorPhone.html("手机号输入错误!");return false}};var validateDescription=function validateDescription(){var description=$.trim($projectDescription.val()+"");if(description.length){$errorDescription.empty();return description}else{$errorDescription.html("请输入项目描述内容!");return false}};$introducerMobile.on("keyup",function(e){filterMobileInput($introducerMobile)}).on("change blur",function(e){validateMobile()}).on("focus",function(e){$errorPhone.empty()});$projectDescription.on("change blur",function(e){validateDescription()}).on("focus",function(e){$errorDescription.empty()});$successDialog.on("click",".modal-dialog-close",function(e){$successDialog.fadeOut(300)});$form.on("submit",function(e){e.preventDefault();var mobile=validateMobile();var description=validateDescription();if(mobile&&description){request("/api/1.0/proj/add.json",{mobile:mobile,description:description},"POST").then(function(){$successDialog.fadeIn(300)}).catch(function(){alert("提交失败, 请稍后再试!")})}})})();(function(){var $modalBox=$(".modal-box");$(".hot-project-address").on("click","a",function(e){e.preventDefault();$modalBox.fadeIn(300)});$modalBox.on("click",".modal-dialog-close",function(e){e.preventDefault();$modalBox.fadeOut(300)})})();
\ No newline at end of file \ No newline at end of file
public/stylesheets/about.css
View file @ c5da3fc9
/* .about-us-banner start */ /* .about-us-banner start */
.about-us-banner { .about-us-banner {
width: 100%;
height: 667px; height: 667px;
background: url("../images/index/banner.jpg") no-repeat center center; background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover; background-size: cover;
...@@ -8,7 +7,6 @@ ...@@ -8,7 +7,6 @@
text-align: center; text-align: center;
} }
.about-us-banner .banner-box { .about-us-banner .banner-box {
width: 1100px;
margin: 200px auto 0; margin: 200px auto 0;
color: #fff; color: #fff;
} }
...@@ -29,7 +27,6 @@ ...@@ -29,7 +27,6 @@
/* .about-us-banner end */ /* .about-us-banner end */
/* .about-us-banner-bottom start */ /* .about-us-banner-bottom start */
.about-us-banner-bottom { .about-us-banner-bottom {
width: 100%;
height: 824px; height: 824px;
background: url("../images/about_us/bg_2.jpg") no-repeat center center; background: url("../images/about_us/bg_2.jpg") no-repeat center center;
background-size: cover; background-size: cover;
...@@ -43,82 +40,23 @@ ...@@ -43,82 +40,23 @@
.about-us-banner-bottom hr { .about-us-banner-bottom hr {
display: block; display: block;
width: 73px; width: 73px;
border: 3px solid #0074c3; border: 3px solid transparent;
border-bottom-color: transparent; border-top-color: #0074c3;
border-left-color: transparent;
border-right-color: transparent;
margin: 0 auto; margin: 0 auto;
} }
.about-us-banner-bottom p { .about-us-banner-bottom p {
width: 990px;
margin: 550px auto 0;
font-size: 22px; font-size: 22px;
width: 992px;
margin: 552px auto 0;
line-height: 42px; line-height: 42px;
} }
/* .about-us-banner-bottom end */ /* .about-us-banner-bottom end */
/* .company-introduction start */ /* .company-introduction start */
.company-introduction { .company-introduction {
height: 1300px;
width: 100%;
background: #f6f6f6; background: #f6f6f6;
} /*div {
.company-introduction h2 {
width: 1200px; a {
height: 74px;
line-height: 74px;
font-size: 46px;
position: relative;
padding-left: 20px;
margin: 40px auto;
}
.company-introduction h2 b {
display: inline-block;
height: 74px;
width: 3px;
background: #0074c3;
position: absolute;
left: 0;
top: 0;
}
.company-introduction ul {
width: 1200px;
margin: 0 auto;
}
.company-introduction ul li {
text-align: center;
float: left;
width: 300px;
padding: 0 50px 60px;
}
.company-introduction ul li h4 {
font-size: 54px;
color: #000;
line-height: 75px;
}
.company-introduction ul li h6 {
font-size: 18px;
color: #666666;
margin: 10px 0 20px;
}
.company-introduction ul li p {
line-height: 27px;
font-size: 15px;
color: #000;
text-align: left;
}
.company-introduction ul li:nth-child(1) {
width: 299px;
border-right: 1px solid #c3c3c3;
}
.company-introduction ul li:nth-child(2) {
width: 299px;
border-right: 1px solid #c3c3c3;
}
.company-introduction div {
width: 1200px;
margin: 0 auto;
}
.company-introduction div a {
display: inline-block; display: inline-block;
width: 280px; width: 280px;
height: 270px; height: 270px;
...@@ -126,12 +64,12 @@ ...@@ -126,12 +64,12 @@
margin-right: 17px; margin-right: 17px;
border-right: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3;
position: relative; position: relative;
} }
.company-introduction div a:nth-child(1) { a:nth-child(1) {
background: url("../images/about_us/zhongjiang.jpg") no-repeat; background: url("../images/about_us/zhongjiang.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
} }
.company-introduction div a:nth-child(1)::before { a:nth-child(1)::before {
content: ''; content: '';
display: inline-block; display: inline-block;
width: 17px; width: 17px;
...@@ -140,8 +78,8 @@ ...@@ -140,8 +78,8 @@
left: 0; left: 0;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(1)::after { a:nth-child(1)::after {
content: ''; content: '';
display: inline-block; display: inline-block;
width: 34px; width: 34px;
...@@ -150,12 +88,12 @@ ...@@ -150,12 +88,12 @@
right: -17px; right: -17px;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(2) { a:nth-child(2) {
background: url("../images/about_us/zhongrong.jpg") no-repeat; background: url("../images/about_us/zhongrong.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
} }
.company-introduction div a:nth-child(2)::after { a:nth-child(2)::after {
content: ''; content: '';
display: inline-block; display: inline-block;
width: 34px; width: 34px;
...@@ -164,12 +102,12 @@ ...@@ -164,12 +102,12 @@
right: -17px; right: -17px;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(3) { a:nth-child(3) {
background: url("../images/about_us/guomin.jpg") no-repeat; background: url("../images/about_us/guomin.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
} }
.company-introduction div a:nth-child(3)::after { a:nth-child(3)::after {
content: ''; content: '';
display: inline-block; display: inline-block;
width: 34px; width: 34px;
...@@ -178,14 +116,14 @@ ...@@ -178,14 +116,14 @@
right: -17px; right: -17px;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(4) { a:nth-child(4) {
background: url("../images/about_us/guangda.jpg") no-repeat; background: url("../images/about_us/guangda.jpg") no-repeat;
margin-right: 0; margin-right: 0;
border-right: none; border-right: none;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
} }
.company-introduction div a:nth-child(4)::after { a:nth-child(4)::after {
content: ''; content: '';
display: inline-block; display: inline-block;
width: 17px; width: 17px;
...@@ -194,20 +132,102 @@ ...@@ -194,20 +132,102 @@
right: 0px; right: 0px;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(5) { a:nth-child(5) {
background: url("../images/about_us/zhongxing.jpg") no-repeat; background: url("../images/about_us/zhongxing.jpg") no-repeat;
} }
.company-introduction div a:nth-child(6) { a:nth-child(6) {
background: url("../images/about_us/fangzheng.jpg") no-repeat; background: url("../images/about_us/fangzheng.jpg") no-repeat;
} }
.company-introduction div a:nth-child(7) { a:nth-child(7) {
background: url("../images/about_us/huaxing.jpg") no-repeat; background: url("../images/about_us/huaxing.jpg") no-repeat;
} }
.company-introduction div a:nth-child(8) { a:nth-child(8) {
background: url("../images/about_us/zhongtai.jpg") no-repeat; background: url("../images/about_us/zhongtai.jpg") no-repeat;
margin: 0; margin: 0;
border-right: none; border-right: none;
}
}*/
}
.company-introduction > div {
width: 1150px;
margin: 0 auto;
padding-bottom: 80px;
}
.company-introduction h2 {
height: 50px;
line-height: 50px;
font-size: 36px;
padding-left: 20px;
margin: 40px auto;
border-left: 3px solid #0074c3;
}
.company-introduction .gudong-list {
margin: 0 auto;
}
.company-introduction .gudong-list li {
float: left;
width: 33.33%;
text-align: center;
}
.company-introduction .gudong-list li > div {
padding: 0 50px 60px;
border-right: 1px solid #c3c3c3;
}
.company-introduction .gudong-list li h4 {
font-size: 24px;
color: #000;
line-height: 75px;
}
.company-introduction .gudong-list li h6 {
font-size: 18px;
color: #666666;
margin: 10px 0 20px;
}
.company-introduction .gudong-list li p {
line-height: 27px;
font-size: 15px;
color: #000;
text-align: left;
}
.company-introduction .gudong-list li:last-child > div {
border-right: 0;
}
.company-introduction .friend-list a {
float: left;
position: relative;
width: 25%;
height: 287.5px;
border-top: 1px solid #c3c3c3;
background-repeat: no-repeat;
background-position: center center;
}
.company-introduction .friend-list a:before {
content: '';
position: absolute;
width: 0;
height: 100%;
border-left: 1px solid #c3c3c3;
}
.company-introduction .friend-list a:after {
content: '';
position: absolute;
width: 40px;
height: 40px;
background: #f6f6f6;
bottom: -20px;
right: -20px;
z-index: 1;
}
.company-introduction .friend-list a:nth-child(4n+1):before {
border-left: 0;
}
.company-introduction .friend-list a:nth-child(1),
.company-introduction .friend-list a:nth-child(2),
.company-introduction .friend-list a:nth-child(3),
.company-introduction .friend-list a:nth-child(4) {
border-top: 0;
} }
/* .company-introduction end */ /* .company-introduction end */
/* .address-map */ /* .address-map */
...@@ -268,3 +288,33 @@ ...@@ -268,3 +288,33 @@
margin-top: 20px; margin-top: 20px;
} }
/* .address-map */ /* .address-map */
@media screen and (min-width: 769px) {
body .company-introduction > div,
body .about-us-banner .banner-box {
width: 990px;
}
body .company-introduction .friend-list a {
width: 247.5px;
height: 247.5px;
}
}
@media screen and (min-width: 1281px) {
body .company-introduction > div,
body .about-us-banner .banner-box {
width: 1150px;
}
body .company-introduction .friend-list a {
width: 287.5px;
height: 287.5px;
}
}
@media screen and (min-width: 1441px) {
body .company-introduction > div,
body .about-us-banner .banner-box {
width: 1360px;
}
body .company-introduction .friend-list a {
width: 340px;
height: 340px;
}
}
public/stylesheets/about.less
View file @ c5da3fc9
...@@ -3,14 +3,12 @@ ...@@ -3,14 +3,12 @@
/* .about-us-banner start */ /* .about-us-banner start */
.about-us-banner { .about-us-banner {
width: 100%;
height: 667px; height: 667px;
background: url("../images/index/banner.jpg") no-repeat center center; background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover; background-size: cover;
color: #fff; color: #fff;
text-align: center; text-align: center;
.banner-box { .banner-box {
width: 1100px;
margin: 200px auto 0; margin: 200px auto 0;
color: #fff; color: #fff;
h4 { h4 {
...@@ -35,7 +33,6 @@ ...@@ -35,7 +33,6 @@
/* .about-us-banner-bottom start */ /* .about-us-banner-bottom start */
.about-us-banner-bottom { .about-us-banner-bottom {
width: 100%;
height: 824px; height: 824px;
background: url("../images/about_us/bg_2.jpg") no-repeat center center; background: url("../images/about_us/bg_2.jpg") no-repeat center center;
background-size: cover; background-size: cover;
...@@ -48,18 +45,15 @@ ...@@ -48,18 +45,15 @@
hr { hr {
display: block; display: block;
width: 73px; width: 73px;
border: 3px solid #0074c3; border: 3px solid transparent;
border-bottom-color:transparent; border-top-color: #0074c3;
border-left-color: transparent;
border-right-color: transparent;
margin: 0 auto; margin: 0 auto;
} }
p { p {
width: 990px;
margin: 550px auto 0;
font-size: 22px; font-size: 22px;
width: 992px;
margin: 552px auto 0;
line-height: 42px; line-height: 42px;
} }
} }
...@@ -68,37 +62,33 @@ ...@@ -68,37 +62,33 @@
/* .company-introduction start */ /* .company-introduction start */
.company-introduction { .company-introduction {
height: 1300px;
width: 100%;
background: #f6f6f6; background: #f6f6f6;
& > div {
width: @container-width;
margin: 0 auto;
padding-bottom:80px;
}
h2 { h2 {
width: 1200px; height: 50px;
height: 74px; line-height: 50px;
line-height: 74px; font-size: 36px;
font-size: 46px;
position: relative;
padding-left: 20px; padding-left: 20px;
margin: 40px auto; margin: 40px auto;
b { border-left: 3px solid #0074c3;
display: inline-block;
height: 74px;
width: 3px;
background: #0074c3;
position: absolute;
left: 0;
top: 0;
} }
} .gudong-list {
ul {
width: 1200px;
margin: 0 auto; margin: 0 auto;
li { li {
float: left;
width: 33.33%;
text-align: center; text-align: center;
float:left; & > div {
width: 300px;
padding: 0 50px 60px; padding: 0 50px 60px;
border-right: 1px solid #c3c3c3;
}
h4 { h4 {
font-size: 54px; font-size: 24px; //54px;
color: #000; color: #000;
line-height: 75px; line-height: 75px;
} }
...@@ -113,19 +103,53 @@ ...@@ -113,19 +103,53 @@
color: #000; color: #000;
text-align: left; text-align: left;
} }
&:last-child > div {
border-right: 0;
} }
li:nth-child(1) {
width: 299px;
border-right: 1px solid #c3c3c3;
} }
li:nth-child(2) {
width: 299px;
border-right: 1px solid #c3c3c3;
} }
.friend-list {
a {
float: left;
position: relative;
width: 25%;
height: @container-width /4;
border-top: 1px solid #c3c3c3;
background-repeat: no-repeat;
background-position: center center;
&:before {
content: '';
position: absolute;
width: 0;
height: 100%;
border-left: 1px solid #c3c3c3;
} }
div { &:after {
width: 1200px; content: '';
margin: 0 auto; position: absolute;
width: 40px;
height: 40px;
background: #f6f6f6;
bottom: -20px;
right: -20px;
z-index: 1;
}
&:nth-child(4n+1) {
&:before {
border-left: 0;
}
}
&:nth-child(1),
&:nth-child(2),
&:nth-child(3),
&:nth-child(4) {
border-top: 0;
}
}
}
/*div {
a { a {
display: inline-block; display: inline-block;
width: 280px; width: 280px;
...@@ -145,7 +169,7 @@ ...@@ -145,7 +169,7 @@
width: 17px; width: 17px;
height: 20px; height: 20px;
position: absolute; position: absolute;
left:0; left: 0;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
...@@ -155,7 +179,7 @@ ...@@ -155,7 +179,7 @@
width: 34px; width: 34px;
height: 20px; height: 20px;
position: absolute; position: absolute;
right:-17px; right: -17px;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
...@@ -169,7 +193,7 @@ ...@@ -169,7 +193,7 @@
width: 34px; width: 34px;
height: 20px; height: 20px;
position: absolute; position: absolute;
right:-17px; right: -17px;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
...@@ -183,7 +207,7 @@ ...@@ -183,7 +207,7 @@
width: 34px; width: 34px;
height: 20px; height: 20px;
position: absolute; position: absolute;
right:-17px; right: -17px;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
...@@ -199,7 +223,7 @@ ...@@ -199,7 +223,7 @@
width: 17px; width: 17px;
height: 20px; height: 20px;
position: absolute; position: absolute;
right:0px; right: 0px;
bottom: -10px; bottom: -10px;
background: #f6f6f6; background: #f6f6f6;
} }
...@@ -218,7 +242,7 @@ ...@@ -218,7 +242,7 @@
border-right: none; border-right: none;
} }
} }*/
} }
/* .company-introduction end */ /* .company-introduction end */
...@@ -283,3 +307,32 @@ ...@@ -283,3 +307,32 @@
} }
/* .address-map */ /* .address-map */
.screen() {
.media(@screen-width-small, @container-width-small);
.media(@screen-width, @container-width);
.media(@screen-width-large, @container-width-large);
}
.media(@sw, @cw) {
@media screen and (min-width: @sw) {
.rules(@cw);
}
}
.rules(@cw) {
.company-introduction > div,
.about-us-banner .banner-box {
width: @cw;
}
.company-introduction {
.friend-list a {
width: @cw/4;
height: @cw/4;
}
}
}
body {
.screen();
}
\ No newline at end of file
public/stylesheets/index.css
View file @ c5da3fc9
...@@ -318,11 +318,12 @@ ...@@ -318,11 +318,12 @@
} }
.products ul li:nth-child(1) > div:last-child > div span strong, .products ul li:nth-child(1) > div:last-child > div span strong,
.products ul li:nth-child(2) > div:last-child > div span strong { .products ul li:nth-child(2) > div:last-child > div span strong {
font-size: 17px; font-size: 32px;
font-weight: normal;
} }
.products ul li:nth-child(1) > div:last-child a, .products ul li:nth-child(1) > div:last-child a,
.products ul li:nth-child(2) > div:last-child a { .products ul li:nth-child(2) > div:last-child a {
font-size: 24px; font-size: 14px;
color: #fff; color: #fff;
} }
.products ul li:nth-child(n+3) { .products ul li:nth-child(n+3) {
...@@ -345,10 +346,14 @@ ...@@ -345,10 +346,14 @@
} }
.products ul li:nth-child(n+3) > div:last-child { .products ul li:nth-child(n+3) > div:last-child {
position: relative; position: relative;
transition: background .3s;
}
.products ul li:nth-child(n+3) > div:last-child:hover {
background-color: rgba(0, 0, 0, 0.75);
} }
.products ul li:nth-child(n+3) > div:last-child h3 { .products ul li:nth-child(n+3) > div:last-child h3 {
font-size: 25px; font-size: 25px;
margin-top: 80px; padding-top: 80px;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
} }
...@@ -360,7 +365,7 @@ ...@@ -360,7 +365,7 @@
margin-bottom: 24px; margin-bottom: 24px;
position: absolute; position: absolute;
left: 0; left: 0;
top: 72px; top: 152px;
} }
.products ul li:nth-child(n+3) > div:last-child > div:nth-child(3) span { .products ul li:nth-child(n+3) > div:last-child > div:nth-child(3) span {
width: 33%; width: 33%;
...@@ -370,15 +375,16 @@ ...@@ -370,15 +375,16 @@
text-align: center; text-align: center;
} }
.products ul li:nth-child(n+3) > div:last-child > div:nth-child(3) span strong { .products ul li:nth-child(n+3) > div:last-child > div:nth-child(3) span strong {
font-size: 14px; font-size: 32px;
font-weight: normal;
} }
.products ul li:nth-child(n+3) > div:last-child > div:last-child { .products ul li:nth-child(n+3) > div:last-child > div:last-child {
position: absolute; position: absolute;
top: 160px; top: 270px;
left: 0; left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 24px; font-size: 14px;
} }
.products ul li:nth-child(n+3) > div:last-child > div:last-child a { .products ul li:nth-child(n+3) > div:last-child > div:last-child a {
color: #fff; color: #fff;
......
public/stylesheets/index.less
View file @ c5da3fc9
...@@ -155,7 +155,7 @@ ...@@ -155,7 +155,7 @@
} }
} }
} }
.loop(@c) when (@c > 0){ .loop(@c) when (@c > 0) {
.loop((@c - 1)); .loop((@c - 1));
&:nth-child(@{c}) { &:nth-child(@{c}) {
& > div { & > div {
...@@ -316,12 +316,13 @@ ...@@ -316,12 +316,13 @@
float: left; float: left;
font-size: 16px; font-size: 16px;
strong { strong {
font-size: 17px; font-size: 32px;
font-weight: normal;
} }
} }
} }
a { a {
font-size: 24px; font-size: 14px;
color: #fff; color: #fff;
} }
} }
...@@ -343,12 +344,16 @@ ...@@ -343,12 +344,16 @@
&:first-child { &:first-child {
background-size: cover; background-size: cover;
} }
} &:last-child {
& > div:last-child {
position: relative; position: relative;
transition: background .3s;
&:hover {
background-color: rgba(0, 0, 0, .75);
}
h3 { h3 {
font-size: 25px; font-size: 25px;
margin-top: 80px; padding-top: 80px;
//margin-top: 80px;
text-align: center; text-align: center;
line-height: 30px; line-height: 30px;
} }
...@@ -360,7 +365,7 @@ ...@@ -360,7 +365,7 @@
margin-bottom: 24px; margin-bottom: 24px;
position: absolute; position: absolute;
left: 0; left: 0;
top: 72px; top: 152px;
span { span {
width: 33%; width: 33%;
display: block; display: block;
...@@ -368,17 +373,18 @@ ...@@ -368,17 +373,18 @@
font-size: 16px; font-size: 16px;
text-align: center; text-align: center;
strong { strong {
font-size: 14px; font-size: 32px;
font-weight: normal;
} }
} }
} }
& > div:last-child { & > div:last-child {
position: absolute; position: absolute;
top: 160px; top: 270px;
left: 0; left: 0;
width: 100%; width: 100%;
text-align: center; text-align: center;
font-size: 24px; font-size: 14px;
a { a {
color: #fff; color: #fff;
} }
...@@ -387,6 +393,7 @@ ...@@ -387,6 +393,7 @@
} }
} }
} }
}
} }
/*product end*/ /*product end*/
...@@ -412,7 +419,7 @@ ...@@ -412,7 +419,7 @@
width: @cw; width: @cw;
.mixin(@cw); .mixin(@cw);
.download-element(@a, @b){ .download-element(@a, @b) {
.android, .android,
.iphone { .iphone {
margin-left: @a; margin-left: @a;
...@@ -485,7 +492,7 @@ ...@@ -485,7 +492,7 @@
width: (@cw + @mr)/3-@mr; width: (@cw + @mr)/3-@mr;
} }
} }
margin-bottom:@mr; margin-bottom: @mr;
} }
&:nth-child(n+3) { &:nth-child(n+3) {
width: (@cw + @mr)/3-@mr; width: (@cw + @mr)/3-@mr;
......
public/stylesheets/project.css
View file @ c5da3fc9
...@@ -118,7 +118,7 @@ ...@@ -118,7 +118,7 @@
border: none; border: none;
font-size: 24px; font-size: 24px;
color: #fff; color: #fff;
background: #868686; background: #ff4a4b;
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
} }
...@@ -213,138 +213,96 @@ ...@@ -213,138 +213,96 @@
/* .hot-project-address end */ /* .hot-project-address end */
/* .hot-project-tabs start */ /* .hot-project-tabs start */
.hot-project-tabs { .hot-project-tabs {
width: 100%;
height: 690px;
background: #f6f6f6; background: #f6f6f6;
padding: 180px 0 160px 0;
} }
.hot-project-tabs ul { .hot-project-tabs ul {
width: 1203px; width: 1150px;
height: 350px; margin: 0 auto;
margin: 180px auto 160px;
border: 1px solid #43abb6; border: 1px solid #43abb6;
} }
.hot-project-tabs ul li { .hot-project-tabs ul li {
width: 300px; width: 25%;
height: 100%;
float: left; float: left;
font-size: 16px; font-size: 16px;
color: #000; color: #000;
text-align: center; text-align: center;
background: #f6f6f6;
transition-delay: .1s;
transition: background .5s, color .5s;
} }
.hot-project-tabs ul li dl { .hot-project-tabs ul li > div {
width: 100%; border-right: 1px solid #43abb6;
height: 200px;
padding-top: 160px;
position: relative;
} }
.hot-project-tabs ul li dl dt { .hot-project-tabs ul li > div:before,
width: 115px; .hot-project-tabs ul li > div:after {
content: '';
position: absolute;
top: 44px;
left: 50%;
margin-left: -58px;
height: 115px; height: 115px;
margin: 44px auto 0; width: 115px;
background: url(https://res.fudou6.com/c/4/20160801/by15pyq5qCH6aKYLTFfMDE=_480x240.png) 0 0 no-repeat;
opacity: 0;
transform: scale(0);
transition-delay: .1s;
transition: .5s;
} }
.hot-project-tabs ul li dl dd { .hot-project-tabs ul li > div:before {
line-height: 28px; transform: scale(1);
opacity: 1;
}
.hot-project-tabs ul li:last-child > div {
border-right: 0;
} }
.hot-project-tabs ul li dl dd h4 { .hot-project-tabs ul li h4 {
font-size: 28px; font-size: 28px;
color: #43abb6; color: #43abb6;
margin: 14px 0 24px; margin: 10px 0 20px;
} }
.hot-project-tabs ul li:nth-child(1) { .hot-project-tabs ul li:nth-child(1) > div:before {
border-right: 1px solid #43abb6; background-position: -360px -120px;
} }
.hot-project-tabs ul li:nth-child(1) dt { .hot-project-tabs ul li:nth-child(1) > div:after {
background: url("https://res.fudou6.com/c/4/20160801/nbrdGFiczA1X2I=_115x115.png") no-repeat; background-position: -360px 0px;
} }
.hot-project-tabs ul li:nth-child(2) { .hot-project-tabs ul li:nth-child(2) > div:before {
border-right: 1px solid #43abb6; background-position: -240px -120px;
} }
.hot-project-tabs ul li:nth-child(2) dt { .hot-project-tabs ul li:nth-child(2) > div:after {
background: url("https://res.fudou6.com/c/4/20160801/dgndGFiczA0X2I=_115x115.png") no-repeat; background-position: -240px 0px;
} }
.hot-project-tabs ul li:nth-child(3) { .hot-project-tabs ul li:nth-child(3) > div:before {
border-right: 1px solid #43abb6; background-position: -120px -120px;
} }
.hot-project-tabs ul li:nth-child(3) dt { .hot-project-tabs ul li:nth-child(3) > div:after {
background: url("https://res.fudou6.com/c/4/20160801/p8edGFiczAzX2I=_115x115.png") no-repeat; background-position: -120px 0px;
} }
.hot-project-tabs ul li:nth-child(4) dt { .hot-project-tabs ul li:nth-child(4) > div:before {
background: url("https://res.fudou6.com/c/4/20160801/6jpdGFiczAyX2I=_115x115.png") no-repeat; background-position: 0px -120px;
}
.hot-project-tabs ul li:nth-child(4) > div:after {
background-position: 0px 0px;
} }
.hot-project-tabs ul li:hover { .hot-project-tabs ul li:hover {
transition-delay: 0s;
color: #fff; color: #fff;
background: #43abb6; background: #43abb6;
} }
.hot-project-tabs ul li:hover h4 { .hot-project-tabs ul li:hover h4 {
color: #fff; color: #fff;
} }
@-webkit-keyframes changeOne { .hot-project-tabs ul li:hover > div:before {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/nbrdGFiczA1X2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("https://res.fudou6.com/c/4/20160801/u42dGFiczA1X2E=_115x115.png") no-repeat;
opacity: 1;
}
}
.hot-project-tabs ul li:nth-child(1):hover dt {
animation-name: changeOne;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeTwo {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/dgndGFiczA0X2I=_115x115.png") no-repeat;
}
50% {
opacity: 0; opacity: 0;
} transform: scale(0);
100% {
background: url("https://res.fudou6.com/c/4/20160801/n3ndGFiczA0X2E=_115x115.png") no-repeat;
opacity: 1;
}
}
.hot-project-tabs ul li:nth-child(2):hover dt {
animation-name: changeTwo;
animation-duration: 0.5s;
animation-fill-mode: forwards;
} }
@-webkit-keyframes changeThree { .hot-project-tabs ul li:hover > div:after {
0% {
opacity: 1; opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/p8edGFiczAzX2I=_115x115.png") no-repeat; transform: scale(1);
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/za5dGFiczAzX2E=_115x115.png") no-repeat;
}
}
.hot-project-tabs ul li:nth-child(3):hover dt {
animation-name: changeThree;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@-webkit-keyframes changeFour {
0% {
background: url("https://res.fudou6.com/c/4/20160801/6jpdGFiczAyX2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/zsedGFiczAyX2E=_115x115.png") no-repeat;
}
}
.hot-project-tabs ul li:nth-child(4):hover dt {
animation-name: changeFour;
animation-duration: 0.5s;
animation-fill-mode: forwards;
} }
/* .hot-project-tabs end */ /* .hot-project-tabs end */
/* .modal-box start */ /* .modal-box start */
...@@ -479,17 +437,20 @@ ...@@ -479,17 +437,20 @@
} }
/* .modal-box-success end */ /* .modal-box-success end */
@media screen and (min-width: 769px) { @media screen and (min-width: 769px) {
body .hot-project-introducer { body .hot-project-introducer,
body .hot-project-tabs ul {
width: 990px; width: 990px;
} }
} }
@media screen and (min-width: 1281px) { @media screen and (min-width: 1281px) {
body .hot-project-introducer { body .hot-project-introducer,
body .hot-project-tabs ul {
width: 1150px; width: 1150px;
} }
} }
@media screen and (min-width: 1441px) { @media screen and (min-width: 1441px) {
body .hot-project-introducer { body .hot-project-introducer,
body .hot-project-tabs ul {
width: 1360px; width: 1360px;
} }
} }
public/stylesheets/project.less
View file @ c5da3fc9
...@@ -192,7 +192,7 @@ ...@@ -192,7 +192,7 @@
border: none; border: none;
font-size: 24px; font-size: 24px;
color: #fff; color: #fff;
background: #868686; background: #ff4a4b;
border-radius: 10px; border-radius: 10px;
text-align: center; text-align: center;
} }
...@@ -297,147 +297,109 @@ ...@@ -297,147 +297,109 @@
/* .hot-project-tabs start */ /* .hot-project-tabs start */
.hot-project-tabs { .hot-project-tabs {
width: 100%;
height: 690px;
background: #f6f6f6; background: #f6f6f6;
padding: 180px 0 160px 0;
ul { ul {
width: 1203px; width: @container-width;
height: 350px; margin: 0 auto;
margin: 180px auto 160px;
border: 1px solid #43abb6; border: 1px solid #43abb6;
li { li {
width: 300px; width: 25%;
height: 100%;
float: left; float: left;
font-size: 16px; font-size: 16px;
color: #000; color: #000;
text-align: center; text-align: center;
dl { background: #f6f6f6;
width: 100%; transition-delay: .1s;
dt { transition: background .5s, color .5s;
width: 115px; & > div {
border-right: 1px solid #43abb6;
height: 200px;
padding-top: 160px;
position: relative;
&:before,
&:after {
content: '';
position: absolute;
top: 44px;
left: 50%;
margin-left: -58px;
height: 115px; height: 115px;
margin: 44px auto 0; width: 115px;
background: url(https://res.fudou6.com/c/4/20160801/by15pyq5qCH6aKYLTFfMDE=_480x240.png) 0 0 no-repeat;
opacity: 0;
transform: scale(0);
transition-delay: .1s;
transition: .5s;
} }
dd { &:before {
line-height: 28px; transform: scale(1);
opacity: 1;
}
}
&:last-child > div {
border-right: 0;
}
h4 { h4 {
font-size: 28px; font-size: 28px;
color: #43abb6; color: #43abb6;
margin: 14px 0 24px; margin: 10px 0 20px;
}
&:nth-child(1) > div {
&:before {
background-position: -360px -120px;
} }
&:after {
background-position: -360px 0px;
} }
} }
&:nth-child(2) > div {
&:before {
background-position: -240px -120px;
} }
li:nth-child(1) { &:after {
border-right: 1px solid #43abb6; background-position: -240px 0px;
dt {
background: url("https://res.fudou6.com/c/4/20160801/nbrdGFiczA1X2I=_115x115.png") no-repeat;
} }
} }
li:nth-child(2) { &:nth-child(3) > div {
border-right: 1px solid #43abb6; &:before {
dt { background-position: -120px -120px;
background: url("https://res.fudou6.com/c/4/20160801/dgndGFiczA0X2I=_115x115.png") no-repeat;
} }
&:after {
background-position: -120px 0px;
} }
li:nth-child(3) {
border-right: 1px solid #43abb6;
dt {
background: url("https://res.fudou6.com/c/4/20160801/p8edGFiczAzX2I=_115x115.png") no-repeat;
} }
&:nth-child(4) > div {
&:before {
background-position: 0px -120px;
} }
li:nth-child(4) { &:after {
dt { background-position: 0px 0px;
background: url("https://res.fudou6.com/c/4/20160801/6jpdGFiczAyX2I=_115x115.png") no-repeat;
} }
} }
li:hover { &:hover {
transition-delay: 0s;
color: #fff; color: #fff;
background: #43abb6; background: #43abb6;
h4 { h4 {
color: #fff; color: #fff;
} }
} & > div {
li:nth-child(1):hover { &:before {
@-webkit-keyframes changeOne {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/nbrdGFiczA1X2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("https://res.fudou6.com/c/4/20160801/u42dGFiczA1X2E=_115x115.png") no-repeat;
opacity: 1;
}
}
dt {
animation-name: changeOne;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(2):hover {
@-webkit-keyframes changeTwo {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/dgndGFiczA0X2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
background: url("https://res.fudou6.com/c/4/20160801/n3ndGFiczA0X2E=_115x115.png") no-repeat;
opacity: 1;
}
}
dt {
animation-name: changeTwo;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(3):hover {
@-webkit-keyframes changeThree {
0% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/p8edGFiczAzX2I=_115x115.png") no-repeat;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/za5dGFiczAzX2E=_115x115.png") no-repeat;
}
}
dt {
animation-name: changeThree;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
}
li:nth-child(4):hover {
@-webkit-keyframes changeFour {
0% {
background: url("https://res.fudou6.com/c/4/20160801/6jpdGFiczAyX2I=_115x115.png") no-repeat;
}
50% {
opacity: 0; opacity: 0;
transform: scale(0);
} }
100% { &:after {
opacity: 1; opacity: 1;
background: url("https://res.fudou6.com/c/4/20160801/zsedGFiczAyX2E=_115x115.png") no-repeat; transform: scale(1);
} }
} }
dt {
animation-name: changeFour;
animation-duration: 0.5s;
animation-fill-mode: forwards;
} }
} }
} }
} }
...@@ -600,7 +562,8 @@ ...@@ -600,7 +562,8 @@
} }
.rules(@cw) { .rules(@cw) {
.hot-project-introducer { .hot-project-introducer,
.hot-project-tabs ul {
width: @cw; width: @cw;
} }
} }
......
public/stylesheets/style.css
View file @ c5da3fc9
...@@ -436,6 +436,16 @@ a { ...@@ -436,6 +436,16 @@ a {
content: ''; content: '';
display: table; display: table;
} }
input:active,
textarea:active,
select:active,
a:active,
input:focus,
textarea:focus,
select:focus,
a:focus {
outline: none;
}
hr.line-separate { hr.line-separate {
position: relative; position: relative;
width: 80%; width: 80%;
...@@ -507,7 +517,6 @@ hr.line-separate:after { ...@@ -507,7 +517,6 @@ hr.line-separate:after {
margin: 50px auto 30px; margin: 50px auto 30px;
} }
#footer address { #footer address {
margin-top: 60px;
font-style: normal; font-style: normal;
} }
#footer address, #footer address,
...@@ -515,6 +524,7 @@ hr.line-separate:after { ...@@ -515,6 +524,7 @@ hr.line-separate:after {
color: #00a4d8; color: #00a4d8;
} }
#footer .copyright { #footer .copyright {
margin-top: 80px;
color: #aeaeae; color: #aeaeae;
} }
#footer .copyright span { #footer .copyright span {
......
public/stylesheets/style.less
View file @ c5da3fc9
...@@ -35,6 +35,13 @@ a { ...@@ -35,6 +35,13 @@ a {
} }
} }
input, textarea, select, a {
&:active,
&:focus {
outline: none;
}
}
hr.line-separate { hr.line-separate {
position: relative; position: relative;
width: 80%; width: 80%;
...@@ -67,7 +74,7 @@ hr.line-separate { ...@@ -67,7 +74,7 @@ hr.line-separate {
z-index: 999; z-index: 999;
} }
nav { nav {
padding-left:@container-width / 4; padding-left: @container-width / 4;
font-size: 16px; font-size: 16px;
span { span {
float: left; float: left;
...@@ -110,13 +117,13 @@ hr.line-separate { ...@@ -110,13 +117,13 @@ hr.line-separate {
margin: 50px auto 30px; margin: 50px auto 30px;
} }
address { address {
margin-top: 60px;
font-style: normal; font-style: normal;
&, a { &, a {
color: #00a4d8; color: #00a4d8;
} }
} }
.copyright { .copyright {
margin-top: 80px;
color: #aeaeae; color: #aeaeae;
span { span {
color: #fff; color: #fff;
...@@ -149,7 +156,6 @@ hr.line-separate { ...@@ -149,7 +156,6 @@ hr.line-separate {
} }
} }
/*.banner end*/ /*.banner end*/
.screen() { .screen() {
...@@ -180,6 +186,6 @@ hr.line-separate { ...@@ -180,6 +186,6 @@ hr.line-separate {
} }
} }
body{ body {
.screen(); .screen();
} }
\ No newline at end of file
routes/index.js
View file @ c5da3fc9
...@@ -6,6 +6,7 @@ var product = require('./product'); ...@@ -6,6 +6,7 @@ var product = require('./product');
/* GET home page. */ /* GET home page. */
router.get('/', function (req, res) { router.get('/', function (req, res) {
res.render('index', { res.render('index', {
navIndex:'active',
styles: ['index'], styles: ['index'],
scripts:[], scripts:[],
character: [ character: [
...@@ -45,14 +46,14 @@ router.get('/', function (req, res) { ...@@ -45,14 +46,14 @@ router.get('/', function (req, res) {
raiseTime: '28', raiseTime: '28',
raiseFunds: '4', raiseFunds: '4',
maxProfits: '8.5%', maxProfits: '8.5%',
link: '' link: '/products/20010'
}, { }, {
title: '中电投先融-天津市级政信', title: '中电投先融-天津市级政信',
img: 'http://res.fudou6.com/c/4/20160730/m3gMDQxYzBjYw==_1000x600.jpg', img: 'http://res.fudou6.com/c/4/20160730/m3gMDQxYzBjYw==_1000x600.jpg',
raiseTime: '28', raiseTime: '28',
raiseFunds: '5', raiseFunds: '5',
maxProfits: '8.3%', maxProfits: '8.3%',
link: '' link: '/products/20012'
}, { }, {
title: '中电投先融-锐金1-2号', title: '中电投先融-锐金1-2号',
img: 'http://res.fudou6.com/c/4/20160730/eedZmNmYmIwOA==_600x375.jpg', img: 'http://res.fudou6.com/c/4/20160730/eedZmNmYmIwOA==_600x375.jpg',
...@@ -66,14 +67,14 @@ router.get('/', function (req, res) { ...@@ -66,14 +67,14 @@ router.get('/', function (req, res) {
raiseTime: '20', raiseTime: '20',
raiseFunds: '2', raiseFunds: '2',
maxProfits: '8.5%', maxProfits: '8.5%',
link: '' link: '/products/20008'
}, { }, {
title: '国信证券<br/>巴中市高明新区壁州大道', title: '国信证券<br/>巴中市高明新区壁州大道',
img: 'http://res.fudou6.com/c/4/20160730/pdeMzhiZTc4ZA==_1000x600.jpg', img: 'http://res.fudou6.com/c/4/20160730/pdeMzhiZTc4ZA==_1000x600.jpg',
raiseTime: '52', raiseTime: '52',
raiseFunds: '1', raiseFunds: '1',
maxProfits: '10.6%', maxProfits: '10.6%',
link: '' link: '/products/20013'
}, },
] ]
}); });
...@@ -81,12 +82,14 @@ router.get('/', function (req, res) { ...@@ -81,12 +82,14 @@ router.get('/', function (req, res) {
router.get('/about', function (req, res) { router.get('/about', function (req, res) {
res.render('about', { res.render('about', {
navAbout:'active',
styles: ['about'], styles: ['about'],
}); });
}); });
router.get('/project', function (req, res) { router.get('/project', function (req, res) {
res.render('project', { res.render('project', {
navProject:'active',
styles: ['project'], styles: ['project'],
scripts:['utils','project'], scripts:['utils','project'],
}); });
...@@ -98,6 +101,7 @@ router.get('/project', function (req, res) { ...@@ -98,6 +101,7 @@ router.get('/project', function (req, res) {
router.get('/products', function (req, res) { router.get('/products', function (req, res) {
res.render('products', { res.render('products', {
navProducts:'active',
styles: ['products'], styles: ['products'],
scripts:['utils','products'], scripts:['utils','products'],
}); });
......
routes/product.js
View file @ c5da3fc9
(function (global, factory) { 'use strict';
if (typeof define === "function" && define.amd) {
define(['module', 'exports', '../utils/xFetch', 'express'], factory);
} else if (typeof exports !== "undefined") {
factory(module, exports, require('../utils/xFetch'), require('express'));
} else {
var mod = {
exports: {}
};
factory(mod, mod.exports, global.xFetch, global.express);
global.product = mod.exports;
}
})(this, function (module, exports, _xFetch, express) {
'use strict';
Object.defineProperty(exports, "__esModule", { Object.defineProperty(exports, "__esModule", {
value: true value: true
}); });
exports.formatDateTime = exports.leftPad = exports.productStatusToString = exports.PRODUCT_STATUS = undefined; exports.formatDateTime = exports.leftPad = exports.productStatusToString = exports.PRODUCT_STATUS = undefined;
exports.formatMoney = formatMoney;
var _xFetch2 = _interopRequireDefault(_xFetch); var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
function _interopRequireDefault(obj) { exports.formatMoney = formatMoney;
return obj && obj.__esModule ? obj : {
default: obj
};
}
var _extends = Object.assign || function (target) { var _xFetch = require('../utils/xFetch');
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) { var _xFetch2 = _interopRequireDefault(_xFetch);
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target; function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
};
var express = require('express');
var PRODUCT_STATUS = exports.PRODUCT_STATUS = { var PRODUCT_STATUS = exports.PRODUCT_STATUS = {
'-9': '草稿', '-9': '草稿',
0: '已删除', 0: '已删除',
1: '未发布', 1: '未发布',
...@@ -50,13 +26,13 @@ ...@@ -50,13 +26,13 @@
17: '已暂停', 17: '已暂停',
21: '已封账', 21: '已封账',
31: '已成立' 31: '已成立'
}; };
var productStatusToString = exports.productStatusToString = function productStatusToString(status) { var productStatusToString = exports.productStatusToString = function productStatusToString(status) {
return PRODUCT_STATUS[status] || '未定义'; return PRODUCT_STATUS[status] || '未定义';
}; };
function formatMoney() { function formatMoney() {
var money = arguments.length <= 0 || arguments[0] === undefined ? 0 : arguments[0]; var money = arguments.length <= 0 || arguments[0] === undefined ? 0 : arguments[0];
var ret = void 0; var ret = void 0;
...@@ -70,13 +46,13 @@ ...@@ -70,13 +46,13 @@
ret = money / 1E2; ret = money / 1E2;
} }
return ret; return ret;
} }
var leftPad = exports.leftPad = function leftPad(num) { var leftPad = exports.leftPad = function leftPad(num) {
return num >= 10 ? num : '0' + num; return num >= 10 ? num : '0' + num;
}; };
var formatDateTime = exports.formatDateTime = function formatDateTime() { var formatDateTime = exports.formatDateTime = function formatDateTime() {
var time = arguments.length <= 0 || arguments[0] === undefined ? 0 : arguments[0]; var time = arguments.length <= 0 || arguments[0] === undefined ? 0 : arguments[0];
var format = arguments.length <= 1 || arguments[1] === undefined ? 'YYYY-MM-DD hh:mm:ss' : arguments[1]; var format = arguments.length <= 1 || arguments[1] === undefined ? 'YYYY-MM-DD hh:mm:ss' : arguments[1];
...@@ -92,9 +68,9 @@ ...@@ -92,9 +68,9 @@
return format.replace(/[A-Za-z]+/g, function (metch) { return format.replace(/[A-Za-z]+/g, function (metch) {
return data[metch]; return data[metch];
}); });
}; };
module.exports = function (req, res, next) { module.exports = function (req, res, next) {
Promise.all([(0, _xFetch2.default)('https://m.fudou6.com/api/1.0/cate/cates.json'), (0, _xFetch2.default)('https://m.fudou6.com/api/1.0/prod/detail.json?itemId=' + req.params.id)]).then(function (arr) { Promise.all([(0, _xFetch2.default)('https://m.fudou6.com/api/1.0/cate/cates.json'), (0, _xFetch2.default)('https://m.fudou6.com/api/1.0/prod/detail.json?itemId=' + req.params.id)]).then(function (arr) {
var pCates = arr[0].pCates; var pCates = arr[0].pCates;
var item = arr[1].item; var item = arr[1].item;
...@@ -119,7 +95,7 @@ ...@@ -119,7 +95,7 @@
item.elements = JSON.parse(item.elements); item.elements = JSON.parse(item.elements);
Object.keys(item.elements).forEach(function (key) { Object.keys(item.elements).forEach(function (key) {
console.log('%s\t%s\t%s', key, item.elements[key][0], item.elements[key][1]); //console.log('%s\t%s\t%s', key, item.elements[key][0], item.elements[key][1]);
item.elements[key] = item.elements[key][1]; item.elements[key] = item.elements[key][1];
}); });
...@@ -160,6 +136,7 @@ ...@@ -160,6 +136,7 @@
//console.log(item); //console.log(item);
res.render('product', _extends({ res.render('product', _extends({
navProducts: 'active',
styles: ['product'], styles: ['product'],
scripts: ['utils', 'product'] scripts: ['utils', 'product']
}, item)); }, item));
...@@ -167,7 +144,6 @@ ...@@ -167,7 +144,6 @@
console.log(err); console.log(err);
next(err); next(err);
}); });
}; };
});
//# sourceMappingURL=product.js.map //# sourceMappingURL=product.js.map
\ No newline at end of file
routes/product.js.map
View file @ c5da3fc9
This diff is collapsed.
routes/product.jsx
View file @ c5da3fc9
...@@ -82,7 +82,7 @@ module.exports = function (req, res, next) { ...@@ -82,7 +82,7 @@ module.exports = function (req, res, next) {
item.elements = JSON.parse(item.elements); item.elements = JSON.parse(item.elements);
Object.keys(item.elements).forEach(key=>{ Object.keys(item.elements).forEach(key=>{
console.log('%s\t%s\t%s', key, item.elements[key][0], item.elements[key][1]); //console.log('%s\t%s\t%s', key, item.elements[key][0], item.elements[key][1]);
item.elements[key] = item.elements[key][1]; item.elements[key] = item.elements[key][1];
}); });
...@@ -121,6 +121,7 @@ module.exports = function (req, res, next) { ...@@ -121,6 +121,7 @@ module.exports = function (req, res, next) {
//console.log(item); //console.log(item);
res.render('product', { res.render('product', {
navProducts:'active',
styles:['product'], styles:['product'],
scripts:['utils','product'], scripts:['utils','product'],
...item ...item
......
views/about.hbs
View file @ c5da3fc9
<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>
<hr/> <hr/>
<p>通过自有的风控部门，严格审核项目背景，设计产品结构，同时搭建涵盖APP、微信、网站等多端口的互联网平台，通过科技金融与移动互联网技术，将信息流、业务流整合，让理财师轻松获取需要的优质金融产品，真正为客户提供资产配置服务。</p> <p>
通过自有的风控部门，严格审核项目背景，设计产品结构，同时搭建涵盖APP、微信、网站等多端口的互联网平台，通过科技金融与移动互联网技术，将信息流、业务流整合，让理财师轻松获取需要的优质金融产品，真正为客户提供资产配置服务。</p>
</div> </div>
<div class="company-introduction clear"> <div class="company-introduction clear">
<h2><b></b>股东背景</h2> <div>
<ul class="clear"> <h2>股东背景</h2>
<li class="fl"> <ul class="gudong-list clear">
<h4>林俊贤</h4> <li>
<h6>金融理财师</h6> <div>
<p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p> <h4>深圳枢纽项目及销售团队</h4>
<!--<h6>金融理财师</h6>-->
<p>
20人渠道销售团队，富有丰富的销售与市场管理经验，2012年销售信托5亿，
2013年40亿，2014年100亿。一年30个地方政府融资项目。
</p>
</div>
</li> </li>
<li class="fl"> <li>
<h4>林俊贤</h4> <div>
<h6>金融理财师</h6> <h4>券商及银行系投研团队</h4>
<p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p> <!--<h6>金融理财师</h6>-->
<p>
浙银俊诚：浙银资本的团队 资本市场权益类业务规模最大的团队之一。<br/>
浙江礼翰：多个环保类并购项目，15年资管规模20亿。
</p>
</div>
</li> </li>
<li class="fl"> <li>
<h4>林俊贤</h4> <div>
<h6>金融理财师</h6> <h4>互联网团队</h4>
<p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p> <!--<h6>金融理财师</h6>-->
<p>
互联网团队由中供的铁军，淘宝，支付宝交易平台的技术核心开发人员，阿里妈妈广告平台的资源运营专家。
</p>
</div>
</li> </li>
</ul> </ul>
<h2><b></b>合作伙伴</h2> <h2>合作伙伴</h2>
<div> <div class="friend-list clear">
<a href="javascrpt:;"></a> <a href="javascrpt:;" style="background-image:url(/images/about_us/zhongjiang.jpg);"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;" style="background-image:url(/images/about_us/zhongrong.jpg);"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;" style="background-image:url(/images/about_us/guomin.jpg);"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;" style="background-image:url(/images/about_us/guangda.jpg);"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;" style="background-image:url(/images/about_us/zhongxing.jpg);"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;" style="background-image:url(/images/about_us/fangzheng.jpg);"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;" style="background-image:url(/images/about_us/huaxing.jpg);"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;" style="background-image:url(/images/about_us/zhongtai.jpg);"></a>
</div>
</div> </div>
</div> </div>
<div class="address-map"> <div class="address-map">
......
views/layout.hbs
View file @ c5da3fc9
...@@ -14,10 +14,10 @@ ...@@ -14,10 +14,10 @@
<div class="container"> <div class="container">
<a class="logo" href="/"><img src="/images/logo.png" alt="logo"></a> <a class="logo" href="/"><img src="/images/logo.png" alt="logo"></a>
<nav class="clear"> <nav class="clear">
<span><a href="/">首页 / HOME</a></span> <span><a href="/" class="{{navIndex}}">首页 / HOME</a></span>
<span><a href="/project">项目合作 / PROJECT</a></span> <span><a href="/project" class="{{navProject}}">项目合作 / PROJECT</a></span>
<span><a href="/products">最新产品 / PRODUCT</a></span> <span><a href="/products" class="{{navProducts}}">最新产品 / PRODUCT</a></span>
<span><a href="/about">关于我们 / ABOUT</a></span> <span><a href="/about" class="{{navAbout}}">关于我们 / ABOUT</a></span>
</nav> </nav>
</div> </div>
</header> </header>
...@@ -27,9 +27,9 @@ ...@@ -27,9 +27,9 @@
<footer id="footer"> <footer id="footer">
<h3>全国客服热线 9:30-18:30</h3> <h3>全国客服热线 9:30-18:30</h3>
<h2>400-879-9900</h2> <h2>400-879-9900</h2>
<hr class="line-separate"/> <!--<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> <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
<address>浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="mailto:hr@shuniu.com">hr@shuniu.com</a></address>
</footer> </footer>
<script src="/javascripts/jquery-1.8.3.min.js"></script> <script src="/javascripts/jquery-1.8.3.min.js"></script>
{{#each scripts}} {{#each scripts}}
......
views/product.hbs
View file @ c5da3fc9
...@@ -46,23 +46,21 @@ ...@@ -46,23 +46,21 @@
<p>{{statusString}}</p> <p>{{statusString}}</p>
</div> </div>
</div> </div>
<div class="appointment"> <!--<div class="appointment">-->
<h2 class="info-title">在线预约</h2> <!--<h2 class="info-title">在线预约</h2>-->
<p>留下联系方式我们帮您第一时间抢占稀缺额度</p> <!--<p>留下联系方式我们帮您第一时间抢占稀缺额度</p>-->
<form id="form"> <!--<form id="form">-->
<div> <!--<div>-->
<input type="text" name="userName" placeholder="请填写您的姓名" /> <!--<input type="text" name="userName" placeholder="请填写您的姓名" />-->
<input type="text" name="userTel" placeholder="请填写手机号" maxlength="11"/> <!--<input type="text" name="userTel" placeholder="请填写手机号" maxlength="11"/>-->
<input type="submit" value="提交"/> <!--<input type="submit" value="提交"/>-->
</div> <!--</div>-->
<div> <!--<div>-->
<span class="errorName"></span> <!--<span class="errorName"></span>-->
<span class="errorTel" ></span> <!--<span class="errorTel" ></span>-->
</div> <!--</div>-->
</form> <!--</form>-->
<!--</div>-->
</div>
<div class="detail"> <div class="detail">
<h2 class="info-title">产品详情</h2> <h2 class="info-title">产品详情</h2>
<table> <table>
......
views/project.hbs
View file @ c5da3fc9
...@@ -40,7 +40,7 @@ ...@@ -40,7 +40,7 @@
placeholder="详细写明您的项目需求 例如：项目时间、内容、合作意向。"></textarea> placeholder="详细写明您的项目需求 例如：项目时间、内容、合作意向。"></textarea>
<p class="error-description"></p> <p class="error-description"></p>
</div> </div>
<div><input type="submit" value="立即提交" disabled id="submit"/></div> <div><input type="submit" value="立即提交"/></div>
</form> </form>
</div> </div>
<div class="hot-project-address"> <div class="hot-project-address">
...@@ -64,40 +64,44 @@ ...@@ -64,40 +64,44 @@
</div> </div>
<div class="hot-project-tabs clear"> <div class="hot-project-tabs clear">
<ul class="clear"> <ul class="clear">
<li class="fl"> <li>
<dl> <div>
<dt></dt> <h4>海量资金</h4>
<dd><h4>海量资金</h4></dd> <p>
<dd>20多万资金方</dd> 20多万资金方<br/>
<dd>3万亿资金，快速融资</dd> 3万亿资金，快速融资
</dl> </p>
</div>
</li> </li>
<li class="fl"> <li>
<dl> <div>
<dt></dt> <h4>安全可靠</h4>
<dd><h4>安全可靠</h4></dd> <p>
<dd>以对项目质量的严格把控。</dd> 以对项目质量的严格把控<br/>
<dd>和清晰的流程设计</dd> 和清晰的流程设计<br/>
<dd>让合投更规范、高效</dd> 让合投更规范、高效
</dl> </p>
</div>
</li> </li>
<li class="fl"> <li>
<dl> <div>
<dt></dt> <h4>融资高效</h4>
<dd><h4>融资高效</h4></dd> <p>
<dd>多个大型项目经验，</dd> 多个大型项目经验<br/>
<dd>融资流程</dd> 融资流程<br/>
<dd>简单\迅速\到账快捷</dd> 简单\迅速\到账快捷
</dl> </p>
</div>
</li> </li>
<li class="fl"> <li>
<dl> <div>
<dt></dt> <h4>专业服务</h4>
<dd><h4>专业服务</h4></dd> <p>
<dd>专业的投资团队，</dd> 专业的投资团队<br/>
<dd>全程免费的投融资指导，</dd> 全程免费的投融资指导<br/>
<dd>精准的对接推荐</dd> 精准的对接推荐
</dl> </p>
</div>
</li> </li>
</ul> </ul>
</div> </div>
......
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