Skip to content

W
www.fudou6.com
Commit 32d13b8e authored by superman's avatar superman
Browse files
Options

project submit

parent 7dd48629
Show whitespace changes
Inline Side-by-side
Showing with 122 additions and 73 deletions
public/javascripts/project.js
View file @ 32d13b8e
...@@ -5,52 +5,72 @@ ...@@ -5,52 +5,72 @@
*/ */
(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(); alert('提交成功!');
} else { }).catch(function () {
$errorDescription.html('请输入项目描述内容!'); alert('提交失败, 请稍后再试!');
return;
}
request('', {}, 'POST').then(function (result) {
console.log(result);
}); });
}
}); });
})(); })();
......
public/javascripts/project.js.map
View file @ 32d13b8e
{"version":3,"sources":["project.jsx"],"names":[],"mappings":";;AAAA;;;AAGA,CAAC,YAAI;AACD,QAAM,QAAQ,EAAE,wBAAF,CAAd;AACA,QAAM,oBAAoB,EAAE,mBAAF,EAAuB,KAAvB,CAA1B;AACA,QAAM,sBAAsB,EAAE,qBAAF,EAAyB,KAAzB,CAA5B;AACA,QAAM,cAAc,EAAE,cAAF,EAAkB,KAAlB,CAApB;AACA,QAAM,oBAAqB,EAAE,oBAAF,EAAwB,KAAxB,CAA3B;;AAEA,QAAM,oBAAoB,SAApB,iBAAoB,CAAC,OAAD,EAAW;AACjC,gBAAQ,GAAR,CAAY,CAAC,QAAQ,GAAR,KAAc,EAAf,EAAmB,OAAnB,CAA2B,QAA3B,EAAqC,EAArC,CAAZ;AACH,KAFD;;AAIA,QAAM,iBAAiB,SAAjB,cAAiB,CAAC,MAAD,EAAU;AAC7B,eAAO,eAAc,IAAd,CAAmB,MAAnB;AAAP;AACH,KAFD;;AAIA,QAAM,kBAAkB,SAAlB,eAAkB,CAAC,KAAD,EAAS;AAC7B,eAAO,MAAM,MAAb;AACH,KAFD;;AAIA,sBAAkB,EAAlB,CAAqB,OAArB,EAA8B,UAAC,CAAD,EAAK;AAC/B,0BAAkB,iBAAlB;AACH,KAFD,EAEG,EAFH,CAEM,aAFN,EAEqB,UAAC,CAAD,EAAK;AACtB,uBAAe,EAAE,IAAF,CAAO,kBAAkB,GAAlB,KAAwB,EAA/B,CAAf,IACI,YAAY,KAAZ,EADJ,GAEI,YAAY,IAAZ,CAAiB,UAAjB,CAFJ;AAGH,KAND;;AAQA,wBAAoB,EAApB,CAAuB,aAAvB,EAAsC,UAAC,CAAD,EAAK;AACvC,wBAAgB,EAAE,IAAF,CAAO,oBAAoB,GAApB,KAA0B,EAAjC,CAAhB,IACI,kBAAkB,KAAlB,EADJ,GAEI,kBAAkB,IAAlB,CAAuB,YAAvB,CAFJ;AAGH,KAJD;;AAMA,UAAM,EAAN,CAAS,QAAT,EAAmB,UAAC,CAAD,EAAK;AACpB,YAAI,SAAS,EAAE,IAAF,CAAO,kBAAkB,GAAlB,KAAwB,EAA/B,CAAb;AACA,YAAI,OAAO,EAAE,IAAF,CAAO,oBAAoB,GAApB,KAA0B,EAAjC,CAAX;AACA,YAAG,eAAe,MAAf,CAAH,EAA0B;AACtB,wBAAY,KAAZ;AACH,SAFD,MAEK;AACD,wBAAY,IAAZ,CAAiB,UAAjB;AACA;AACH;AACD,YAAG,gBAAgB,IAAhB,CAAH,EAAyB;AACrB,8BAAkB,KAAlB;AACH,SAFD,MAEM;AACF,8BAAkB,IAAlB,CAAuB,YAAvB;AACA;AACH;AACD,gBAAQ,EAAR,EAAY,EAAZ,EAAgB,MAAhB,EAAwB,IAAxB,CAA6B,UAAC,MAAD,EAAU;AACnC,oBAAQ,GAAR,CAAY,MAAZ;AACH,SAFD;AAGH,KAlBD;AAmBH,CApDD;;AAsDA,CAAC,YAAI;AACD,QAAM,YAAY,EAAE,YAAF,CAAlB;;AAEA,MAAE,sBAAF,EAA0B,EAA1B,CAA6B,OAA7B,EAAqC,GAArC,EAAyC,UAAC,CAAD,EAAK;AAC1C,UAAE,cAAF;AACA,kBAAU,MAAV,CAAiB,GAAjB;AACH,KAHD;;AAKA,cAAU,EAAV,CAAa,OAAb,EAAsB,qBAAtB,EAA6C,UAAC,CAAD,EAAK;AAC9C,UAAE,cAAF;AACA,kBAAU,OAAV,CAAkB,GAAlB;AACH,KAHD;AAOH,CAfD;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"project.js","sourcesContent":["/**\n * Created by Administrator on 2016/7/27.\n */\n(()=>{\n const $form = $('#container .introducer');\n const $introducerMobile = $('#introducerMobile', $form);\n const $projectDescription = $('#projectDescription', $form);\n const $errorPhone = $('.error-phone', $form);\n const $errorDescription = $('.error-description', $form);\n\n const filterMobileInput = ($mobile)=>{\n $mobile.val(($mobile.val()+'').replace(/[^\\d]/g, ''));\n };\n\n const validateMobile = (mobile)=>{\n return /^[\\d]{11}$/g.test(mobile);\n };\n\n const validateRequire = (value)=>{\n return value.length;\n };\n\n $introducerMobile.on('keyup', (e)=>{\n filterMobileInput($introducerMobile);\n }).on('change blur', (e)=>{\n validateMobile($.trim($introducerMobile.val()+'')) ?\n $errorPhone.empty() :\n $errorPhone.html('手机号输入错误!');\n });\n\n $projectDescription.on('change blur', (e)=>{\n validateRequire($.trim($projectDescription.val()+'')) ?\n $errorDescription.empty() :\n $errorDescription.html('请输入项目描述内容!');\n });\n\n $form.on('submit', (e)=>{\n let mobile = $.trim($introducerMobile.val()+'');\n let desc = $.trim($projectDescription.val()+'');\n if(validateMobile(mobile)){\n $errorPhone.empty()\n }else{\n $errorPhone.html('手机号输入错误!');\n return;\n }\n if(validateRequire(desc)){\n $errorDescription.empty()\n }else {\n $errorDescription.html('请输入项目描述内容!');\n return;\n }\n request('', {}, 'POST').then((result)=>{\n console.log(result);\n });\n });\n})();\n\n(()=>{\n const $modalBox = $('.modal-box');\n\n $('.hot-project-address').on('click','a',(e)=>{\n e.preventDefault();\n $modalBox.fadeIn(300);\n });\n\n $modalBox.on('click', '.modal-dialog-close', (e)=>{\n e.preventDefault();\n $modalBox.fadeOut(300);\n });\n\n\n\n})();\n\n\n\n\n\n\n// (function () {\n//\n//\n//\n//\n//\n// var $modalBoxProject = $('.modal-box-project');\n// var $modalBoxSuccess = $('.modal-box-success');\n//\n//\n//\n//\n// /**\n// * 地图项目地址弹框\n// */\n// $('.hot-project-address a').click(function (e) {\n// e.preventDefault();\n// $modalBox.fadeIn(300);\n// });\n// $('#modalBoxHidden').click(function (e) {\n// e.preventDefault();\n// $modalBox.fadeOut(300);\n// });\n//\n// /**\n// * 项目提交弹框\n// */\n// $submit.on('click',function(e){\n// e.preventDefault();\n// $modalBoxSuccess.fadeIn(300);\n// });\n// $('.modal-box-success a').on('click',function(e){\n// e.preventDefault();\n// $modalBoxSuccess.fadeOut(300);\n// });\n//\n//\n// })();"]} {"version":3,"sources":["project.jsx"],"names":[],"mappings":"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","file":"project.js","sourcesContent":["/**\n * Created by Administrator on 2016/7/27.\n */\n(()=> {\n const $form = $('#container .introducer');\n const $submit = $('input[type=\"submit\"]', $form);\n const $introducerMobile = $('#introducerMobile', $form);\n const $projectDescription = $('#projectDescription', $form);\n const $errorPhone = $('.error-phone', $form);\n const $errorDescription = $('.error-description', $form);\n const $successDialog = $('.modal-box-success');\n\n const filterMobileInput = ($mobile)=> {\n $mobile.val(($mobile.val() + '').replace(/[^\\d]/g, ''));\n };\n\n const validateMobile = ()=> {\n let mobile = $.trim($introducerMobile.val() + '');\n if (/^[\\d]{11}$/g.test(mobile)) {\n $errorPhone.empty();\n return mobile;\n } else {\n $errorPhone.html('手机号输入错误!');\n return false;\n }\n };\n\n const validateDescription = ()=> {\n let description = $.trim($projectDescription.val() + '');\n if (description.length) {\n $errorDescription.empty();\n return description;\n } else {\n $errorDescription.html('请输入项目描述内容!');\n return false;\n }\n };\n\n $introducerMobile.on('keyup', (e)=> {\n filterMobileInput($introducerMobile);\n }).on('change blur', (e)=> {\n validateMobile();\n }).on('focus', (e)=> {\n $errorPhone.empty();\n });\n\n $projectDescription.on('change blur', (e)=> {\n validateDescription();\n }).on('focus', (e)=> {\n $errorDescription.empty();\n });\n\n\n $successDialog.on('click', 'modal-dialog-close', (e)=> {\n $successDialog.fadeOut(300);\n });\n\n $form.on('submit', (e)=> {\n e.preventDefault();\n let mobile = validateMobile();\n let description = validateDescription();\n if (mobile && description) {\n request('/api/1.0/proj/add.json', {\n mobile,\n description\n }, 'POST').then(()=> {\n $successDialog.fadeIn(300);\n alert('提交成功!');\n }).catch(()=> {\n alert('提交失败, 请稍后再试!');\n });\n }\n });\n})();\n\n(()=> {\n const $modalBox = $('.modal-box');\n\n $('.hot-project-address').on('click', 'a', (e)=> {\n e.preventDefault();\n $modalBox.fadeIn(300);\n });\n\n $modalBox.on('click', '.modal-dialog-close', (e)=> {\n e.preventDefault();\n $modalBox.fadeOut(300);\n });\n\n\n})();\n\n\n// (function () {\n//\n//\n//\n//\n//\n// var $modalBoxProject = $('.modal-box-project');\n// var $modalBoxSuccess = $('.modal-box-success');\n//\n//\n//\n//\n// /**\n// * 地图项目地址弹框\n// */\n// $('.hot-project-address a').click(function (e) {\n// e.preventDefault();\n// $modalBox.fadeIn(300);\n// });\n// $('#modalBoxHidden').click(function (e) {\n// e.preventDefault();\n// $modalBox.fadeOut(300);\n// });\n//\n// /**\n// * 项目提交弹框\n// */\n// $submit.on('click',function(e){\n// e.preventDefault();\n// $modalBoxSuccess.fadeIn(300);\n// });\n// $('.modal-box-success a').on('click',function(e){\n// e.preventDefault();\n// $modalBoxSuccess.fadeOut(300);\n// });\n//\n//\n// })();"]}
\ No newline at end of file \ No newline at end of file
public/javascripts/project.jsx
View file @ 32d13b8e
/** /**
* 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);
alert('提交成功!');
}).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 @ 32d13b8e
"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);alert("提交成功!")}).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/project.css
View file @ 32d13b8e
...@@ -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;
} }
......
public/stylesheets/project.less
View file @ 32d13b8e
...@@ -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;
} }
......
public/stylesheets/style.css
View file @ 32d13b8e
...@@ -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%;
......
public/stylesheets/style.less
View file @ 32d13b8e
...@@ -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;
...@@ -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
views/project.hbs
View file @ 32d13b8e
...@@ -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">
......
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