|
|
@@ -394,6 +394,14 @@
|
|
|
color: #fff;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+ .section2 .list-item a .donation:hover{
|
|
|
+ background: #be3b1b;
|
|
|
+ }
|
|
|
+ .section2 .list-item a.donationOver{
|
|
|
+ display: inline-block;
|
|
|
+ width: 190px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
/*捐款完成*/
|
|
|
.section2 .list-item a.donationOver{
|
|
|
display: inline-block;
|
|
|
@@ -457,16 +465,17 @@
|
|
|
.pop{
|
|
|
position: fixed;
|
|
|
background-color: white;
|
|
|
- width: 480px;
|
|
|
+ width: 510px;
|
|
|
+ height: 410px;
|
|
|
/*height: 330px;*/
|
|
|
text-align: center;
|
|
|
- /* border: 1px solid #e1e1e1; */
|
|
|
display: none;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
margin-left: -240px;
|
|
|
margin-top: -215px;
|
|
|
z-index: 10;
|
|
|
+ background-color: white;
|
|
|
}
|
|
|
.pop .header{
|
|
|
padding: 0 20px;
|
|
|
@@ -595,20 +604,22 @@
|
|
|
height: 20px;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
- .pop .body button{
|
|
|
+
|
|
|
+ .pop .body .payMoeny{
|
|
|
width: 200px;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
font-size: 18px;
|
|
|
text-align: center;
|
|
|
- background: #ef613b;
|
|
|
+ /* background: #ef613b;*/
|
|
|
+ background: #a0a0a0;
|
|
|
color: #fff;
|
|
|
border: none;
|
|
|
outline: none;
|
|
|
}
|
|
|
- .pop .body button:hover{
|
|
|
+ /* .pop .body button:hover{
|
|
|
background: #be3b1b;
|
|
|
- }
|
|
|
+ }*/
|
|
|
#hover-background .x-floating-wrap {
|
|
|
position: fixed;
|
|
|
z-index: 5;
|
|
|
@@ -660,6 +671,7 @@
|
|
|
#toast-container {
|
|
|
left: 0;
|
|
|
}
|
|
|
+
|
|
|
</style>
|
|
|
</head>
|
|
|
<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>
|
|
|
@@ -772,7 +784,7 @@
|
|
|
</div>
|
|
|
<div class="project-detail fl">
|
|
|
<p><a href="/project#/detail/${project.id}">${project.name!''}</a></p>
|
|
|
- <div><span>项目简介:</span><span>${project.summary!''}</span></div>
|
|
|
+ <div><span>项目简介:</span><span>${project.proSummary!''}</span></div>
|
|
|
<div><span>筹款时间:</span><span>${project.startTime!''}至${project.endTime!''}</span></div>
|
|
|
<div><span>筹款目标:</span><span>${project.target!'0'}元</span></div>
|
|
|
<div><span>执 行 方:</span><span>${project.orgName!''}</span></div>
|
|
|
@@ -800,13 +812,13 @@
|
|
|
<div class="choose clearfix">
|
|
|
<span class="fl">捐款金额:</span>
|
|
|
<div class="fl">
|
|
|
- <ul id="choose-money">
|
|
|
+ <ul class="choose-money">
|
|
|
<li class="active">1元</li>
|
|
|
<li>50元</li>
|
|
|
<li>100元</li>
|
|
|
<li>200元</li>
|
|
|
</ul>
|
|
|
- <div class="write"><input type="text" placeholder="其他金额" onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)) class="form-control" id="custom-amount${project.id!''}" maxlength="10"/><em>元</em></div>
|
|
|
+ <div class="write"><input name="othermoney" type="text" placeholder="其他金额" onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)) class="form-control" id="custom-amount${project.id!''}" maxlength="10"/><em>元</em></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="choose clearfix">
|
|
|
@@ -820,11 +832,11 @@
|
|
|
<div class="choose clearfix">
|
|
|
<#--<span class="fl best">我的祝福:</span>
|
|
|
<textarea name="" id="" cols="30" rows="10" class="fl form-control" maxlength="300"></textarea>-->
|
|
|
- <div class="fl agree clearfix">
|
|
|
- <input type="checkbox" class="fl"><span class="fl">同意并接受《<a href="/userAgreement" target="_blank" style="color: #5078cb;">优软一元捐用户协议</a>》</span></span>
|
|
|
- </div>
|
|
|
+ <div class="fl agree clearfix">
|
|
|
+ <input type="checkbox" name="checkbox" class="fl"><span class="fl">同意并接受《<a href="/userAgreement" target="_blank" style="color: #5078cb;">优软一元捐用户协议</a>》</span></span>
|
|
|
</div>
|
|
|
- <button onclick="pay(${project.id!''}, money, payWay)" class="buttonDisabled">确认捐款</button><#--</a>-->
|
|
|
+
|
|
|
+ <input type="button" class="payMoeny" disabled="disabled" onclick="pay(${project.id!''}, money, payWay)" value="确认捐款"/><#--</a>-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -845,6 +857,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<script>
|
|
|
+ /*生成轮播图*/
|
|
|
$(document).ready(function () {
|
|
|
var mySwiper = new Swiper ('.swiper-container', {
|
|
|
autoplay:5000,
|
|
|
@@ -861,37 +874,61 @@
|
|
|
$('.close').click(function(){
|
|
|
$(this).parent().parent().css('display','none');
|
|
|
$("#hover-background").css('display','none');
|
|
|
+ })
|
|
|
|
|
|
- //重置弹出框条件
|
|
|
-// var lis = $('#choose-money li');
|
|
|
-// for (var i=0;i<lis.length; i++) {
|
|
|
-// $(lis[i]).removeClass('active');
|
|
|
-// }
|
|
|
-// $(lis[0])..addClass('active');
|
|
|
-//
|
|
|
-// var divs = $('#pay-way div.item');
|
|
|
-// for (var i=0;i<divs.length; i++) {
|
|
|
-// $(divs[i]).removeClass('active');
|
|
|
-// }
|
|
|
-// $(divs[0])..addClass('active');
|
|
|
-//
|
|
|
-// var inputs = $(.write input);
|
|
|
-// for (var i=0;i<inputs.length; i++) {
|
|
|
-// $(inputs[i]).attr('value', '');
|
|
|
-// }
|
|
|
-
|
|
|
+ //选择金额
|
|
|
+ var money = 1;
|
|
|
+ $('.choose-money li').on('click', function (event) {
|
|
|
+ var lis = $('.choose-money li');
|
|
|
+ for (var i=0;i<lis.length; i++) {
|
|
|
+ $(event.target).siblings('li').removeClass('active');
|
|
|
+ }
|
|
|
+ $(event.target).addClass('active');
|
|
|
+ money = $(event.target).text()
|
|
|
+ })
|
|
|
|
|
|
+ //选择支付方式
|
|
|
+ var payWay = "支付宝";
|
|
|
+ $('#pay-way div.item').on('click',function (event) {
|
|
|
+ var divs = $('#pay-way div.item');
|
|
|
+ for (var i=0;i<divs.length; i++) {
|
|
|
+ $(divs[i]).removeClass('active');
|
|
|
+ }
|
|
|
+ $(event.target).parent().addClass('active');
|
|
|
+ payWay = $(event.target).text()
|
|
|
})
|
|
|
+ // 选择其他金额
|
|
|
+ $('.write input[type="text"]').focus(function(){
|
|
|
+ $(this).parent().prev().children('li').removeClass('active');
|
|
|
+// console.log($(this).parent().prev().children('li').removeClass('active'))
|
|
|
+ })
|
|
|
+
|
|
|
+ function ispay(e){
|
|
|
+ var choosemoney=$(e).parent().siblings().find('.choose-money> li.active').text() ;
|
|
|
+ var othermoney=$(e).parent().siblings().find("input[name='othermoney']").val();
|
|
|
+ var isUserAgree=$(e).parent().siblings().find("input[name='checkbox']").is(':checked');
|
|
|
+ if((choosemoney!=null || othermoney!=null)&&isUserAgree!=null){
|
|
|
+ $(e).parent().siblings().find(".payMoeny").attr("background","#e96d08");
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
function donate(e){
|
|
|
$('.pop').css('display','none');
|
|
|
$(e).parent().next().css('display','block');
|
|
|
$("#hover-background").css('display','block');
|
|
|
+
|
|
|
+ setInterval(function(e){
|
|
|
+ ispay(e);
|
|
|
+ },0);
|
|
|
+
|
|
|
+ /* var choosemoney=$(e).parent().next().find('.choose-money> li.active').text() ;
|
|
|
+ var othermoney=$(e).parent().next().find("input[name='othermoney']").val();
|
|
|
+ alert(choosemoney);
|
|
|
+ alert(othermoney);
|
|
|
+ var isUserAgree=$(e).parent().next().find("input[name='checkbox']").is(':checked');
|
|
|
+ alert(isUserAgree);*/
|
|
|
}
|
|
|
|
|
|
- // banner
|
|
|
- $('#myCarousel').carousel({
|
|
|
- interval: 4000
|
|
|
- })
|
|
|
// 点击切换
|
|
|
$('.button').on('click', 'span', function () {
|
|
|
var index = $(this).index();
|
|
|
@@ -1017,52 +1054,7 @@
|
|
|
|
|
|
})
|
|
|
|
|
|
- //选择金额
|
|
|
- var money = 1;
|
|
|
- $('#choose-money li').on('click', function (event) {
|
|
|
- var lis = $('#choose-money li');
|
|
|
- for (var i=0;i<lis.length; i++) {
|
|
|
- $(lis[i]).removeClass('active');
|
|
|
- }
|
|
|
- $(event.target).addClass('active');
|
|
|
- money = $(event.target).text()
|
|
|
- })
|
|
|
|
|
|
- //选择支付方式
|
|
|
- var payWay = "支付宝";
|
|
|
- $('#pay-way div.item').on('click',function (event) {
|
|
|
- var divs = $('#pay-way div.item');
|
|
|
- for (var i=0;i<divs.length; i++) {
|
|
|
- $(divs[i]).removeClass('active');
|
|
|
- }
|
|
|
- $(event.target).parent().addClass('active');
|
|
|
-// console.log($(event.target).parent())
|
|
|
- payWay = $(event.target).text()
|
|
|
- })
|
|
|
- // 选择其他金额
|
|
|
- $('.write input[type="text"]').focus(function(){
|
|
|
- $(this).parent().prev().children('li').removeClass('active');
|
|
|
-// console.log($(this).parent().prev().children('li').removeClass('active'))
|
|
|
- })
|
|
|
-
|
|
|
- var ispayButtonAble = function () {
|
|
|
- var isPayButtonAble = false; //false时”确认捐款按钮不可点“
|
|
|
- var isChooseMoney = false;
|
|
|
- var isCustomAmount = false;
|
|
|
- var isUserAgree = false;
|
|
|
- console.log(isPayButtonAble);
|
|
|
- console.log(isChooseMoney);
|
|
|
- console.log(isCustomAmount);
|
|
|
- console.log(isUserAgree);
|
|
|
- //1. 判断默认金额处是否有选中的 var isChooseMoney = false; 有选中的话置为true
|
|
|
- //2. 判断输入框是否有内容 var isCustomAmount = false; 有内容置为true
|
|
|
- //3. 判断协议选择框是否处于选择状态 var isUserAgree = false; 选中置为true
|
|
|
-
|
|
|
- if ((isChooseMoney || isCustomAmount) && isUserAgree) {
|
|
|
- isPayButtonAble = true;
|
|
|
- }
|
|
|
- return isPayButtonAble;
|
|
|
- }
|
|
|
|
|
|
// initToast();
|
|
|
// function initToast(){
|