|
|
@@ -26,6 +26,7 @@
|
|
|
}
|
|
|
.clearfix {
|
|
|
clear: both;
|
|
|
+ position:relative;
|
|
|
}
|
|
|
/*头部导航*/
|
|
|
#nav{
|
|
|
@@ -411,12 +412,16 @@
|
|
|
}
|
|
|
/*我要捐款弹出窗*/
|
|
|
.pop{
|
|
|
- margin: 0 auto;
|
|
|
+ position:absolute;
|
|
|
+ background-color: white;
|
|
|
width: 480px;
|
|
|
/*height: 330px;*/
|
|
|
text-align: center;
|
|
|
/*border: 1px solid #e1e1e1;*/
|
|
|
display: none;
|
|
|
+ top:30px;
|
|
|
+ left:400px;
|
|
|
+ z-index:10;
|
|
|
}
|
|
|
.pop .header{
|
|
|
padding: 0 20px;
|
|
|
@@ -559,7 +564,7 @@
|
|
|
|
|
|
#hover-background .x-floating-wrap {
|
|
|
position: fixed;
|
|
|
- z-index: 99998;
|
|
|
+ z-index: 5;
|
|
|
background: #000;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
@@ -574,7 +579,7 @@
|
|
|
margin-top: -300px;
|
|
|
left: 50%;
|
|
|
margin-left: -600px;
|
|
|
- z-index: 2000;
|
|
|
+ z-index: 5;
|
|
|
}
|
|
|
#hover-background .x-floating{
|
|
|
vertical-align:middle !important;
|
|
|
@@ -595,7 +600,7 @@
|
|
|
user-select: none;
|
|
|
}
|
|
|
#hover-background .x-floating-wrap{
|
|
|
- z-index: 1000000 !important;
|
|
|
+ z-index: 5 !important;
|
|
|
}
|
|
|
/*切换*/
|
|
|
.buttons{
|
|
|
@@ -712,6 +717,7 @@
|
|
|
<#if page?exists>
|
|
|
<#list page.content as project>
|
|
|
<div class="list-item clearfix" id="projectList">
|
|
|
+ <div>
|
|
|
<div class="project-img fl">
|
|
|
<a href="projectDetailsAndProgress"><img src="${project.pcImg!''}" alt=""/></a>
|
|
|
</div>
|
|
|
@@ -727,14 +733,14 @@
|
|
|
<div><span>已参与:<em>${project.joinAmount!'0'}</em>人</span></div>
|
|
|
<div><span>已筹款:<em>${project.totalAmount!'0'}</em>元<#if project.target?exists><#if project.totalAmount?exists>(${project.totalAmount/project.target*100!''}%)</#if></#if></span></div>
|
|
|
</div>
|
|
|
- <a class="fr donation" onclick="donate(this)">我要捐款</a>
|
|
|
-<#-- <input type="button" onclick="donate()" class="fr donation">-->
|
|
|
+ <a class="fr donation" onclick="donate(this)">我要捐款</a>
|
|
|
+ </div>
|
|
|
<!--弹出窗-->
|
|
|
<div class="pop">
|
|
|
<div class="header clearfix">
|
|
|
- <p class="fl">${project.name!''}</p>
|
|
|
- <#--<p>${project.id!''}</p>-->
|
|
|
- <div class="close fr" id="close">×</div>
|
|
|
+ <p>$
|
|
|
+ {project.name}</p>
|
|
|
+ <div class="close fr" class="close">×</div>
|
|
|
</div>
|
|
|
<div class="body">
|
|
|
<div class="choose clearfix">
|
|
|
@@ -767,18 +773,18 @@
|
|
|
<a href="donationsOver"> <button>确认捐款</button></a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div id="hover-background" style="display: none">
|
|
|
- <div class="x-floating-wrap"></div>
|
|
|
- <div class="x-floating">
|
|
|
- <div id="item-content">
|
|
|
- <div class="x-close-wrap"><a href="javascript:void(0);">×</a></div>
|
|
|
- <div class="modal"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
</#list>
|
|
|
</#if>
|
|
|
+ <div id="hover-background" style="display: none">
|
|
|
+ <div class="x-floating-wrap"></div>
|
|
|
+ <div class="x-floating">
|
|
|
+ <div id="item-content">
|
|
|
+ <div class="x-close-wrap"><a href="javascript:void(0);">×</a></div>
|
|
|
+ <div class="modal"></div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
<#-- 分页按钮-->
|
|
|
<div id="kkpager"></div>
|
|
|
</div>
|
|
|
@@ -786,12 +792,14 @@
|
|
|
</div>
|
|
|
|
|
|
<script>
|
|
|
- $('#close').click(function(){
|
|
|
+ $('.close').click(function(){
|
|
|
$(this).parent().parent().css('display','none');
|
|
|
+ $("#hover-background").css('display','none');
|
|
|
})
|
|
|
function donate(e){
|
|
|
$('.pop').css('display','none');
|
|
|
- $(e).siblings(".pop").css('display','block');
|
|
|
+ $(e).parent().next().css('display','block');
|
|
|
+ $("#hover-background").css('display','block');
|
|
|
}
|
|
|
// banner
|
|
|
$('#myCarousel').carousel({
|