增加捐竹子弹窗

CZKJ.GBRS2.WebMVC/Views/Home/Index.cshtml

@@ -544,6 +544,21 @@
 
 
 
+<!-- 捐竹子浮框 -->
+<div class="donateWrap" style="display:none">
+    <div class="donatePop">
+        <div class="img">
+            <img src="/assets/homeImg/donate01.jpg" alt="">
+        </div>
+        <div class="txt">
+            <p>恭喜您成为第</p>
+            <span class="num">10083</span>
+            <p>个喂养“国国”“宝宝”的志愿者</p>
+        </div>
+        <img class="close" src="/assets/homeImg/clone.png" alt="">
+    </div>
+</div>
+
 
 
 @section script{

CZKJ.GBRS2.WebMVC/wwwroot/assets/js/newIndex.js

@@ -176,18 +176,55 @@ console.log($('.leftScWrap .sLC:visible')[0].swper)
 
 
 // 点击增加竹子
+var ifAdd = false;
 $('.addLeaf').click(function () {
-    if ($('.loveCon .left .img .leafs').hasClass('cli')) {
-
+    if (ifAdd) {
+        alert('您已经捐过竹子了，感谢您的支持')
     } else {
-        $('.addLeaf').css('transform', 'scale(1.08)');
-        $('.addLeaf').css('-webkit-transform', 'scale(1.08)');
-        $('.loveCon .left .img .leafs').addClass('cli');
-        setTimeout(function () {
-            $('.loveCon .left .img .leafs').removeClass('cli');
-            $('.addLeaf').css('transform', 'scale(1)');
-            $('.addLeaf').css('-webkit-transform', 'scale(1)');
-        }, 2000)
-    }
+        if ($('.loveCon .left .img .leafs').hasClass('cli')) {
 
-})
+        } else {
+            $('.addLeaf').css('transform', 'scale(1.08)');
+            $('.addLeaf').css('-webkit-transform', 'scale(1.08)');
+            $('.loveCon .left .img .leafs').addClass('cli');
+            setTimeout(function () {
+                $('.loveCon .left .img .leafs').removeClass('cli');
+                $('.addLeaf').css('transform', 'scale(1)');
+                $('.addLeaf').css('-webkit-transform', 'scale(1)');
+            }, 2000)
+            $('.donateWrap').slideDown();
+            statusNum();
+            ifAdd = true;
+        }
+    }
+})
+$('.donateWrap .close').click(function () {
+    $('.donateWrap').slideUp();
+})
+$('.donateWrap').click(function () {
+    $('.donateWrap .close').click();
+})
+$('.donatePop').click(function (event) {
+    event.stopPropagation()
+})
+// 捐竹子数据变化
+
+function statusNum() {
+    var n = Number($('.donateWrap .num').html());
+    if (n != NaN) {
+        var t = 0;
+        var numTime = setInterval(function () {
+            t++;
+            $('.donateWrap .num').html(t)
+            if (t === n) {
+                window.clearTimeout(numTime);
+                t = 0;
+            }
+            if (t > 200) {
+                window.clearTimeout(numTime);
+                $('.donateWrap .num').html(n);
+                t = 0;
+            }
+        }, .01)
+    }
+}