feat: 修复样式

src/web/staticres/css/subscribe_new.css

@@ -468,9 +468,9 @@
     display: block;
     width: 100%;
     height: 100%;
-    content: "x";
-    color: #AAAAAA;
-    font-size: 24px;
+    content: "";
+    background: url("/images/pc/guan.png") no-repeat center;
+    background-size: 16px 16px;
 }
 
 
@@ -1030,4 +1030,4 @@
 .CfadeInUp{
     opacity: 0;
     animation: 1s ease  forwards  alternate;
-}
+}

src/web/templates/pc/subscribe_new.html

@@ -254,98 +254,95 @@
 <!--百度统计end-->
 <script src="https://cdn.jsdelivr.net/npm/countup.js@1.9.3/dist/countUp.js"></script>
 <script>
-    $(window).scrollTop(0);
-    (function animateUp(){
-        var obj = $('.CfadeInUp');
-        var objH= $('.CfadeInUp').outerHeight();
-        var num = [];
-        var wH  = $(window).height();
-        var wScrollTop = $(window).scrollTop();
+    window.onbeforeunload = function(){
+        document.documentElement.scrollTop = 0;  //ie下
+        document.body.scrollTop = 0;  //非ie
+    }
+    $(function () {
+        ;(function animateUp(){
+            var obj = $('.CfadeInUp');
+            var objH= $('.CfadeInUp').outerHeight();
+            var num = [];
+            var wH  = $(window).height();
+            var wScrollTop = $(window).scrollTop();
 
-        // 获取页面所有obj的top位置，存入数组
-        for(var i=0; i<obj.length;i++){
-            num.push(obj.eq(i).offset().top+(objH/3));
-        }
-        // console.log(num)
-        // 循环数组，判断obj的位置是否在可视区中
-        function judgeTop(){
-            for(var j=0; j<num.length;j++){
-                console.log(j,wScrollTop,num[j],wScrollTop+wH-50,num[j] >= wScrollTop && num[j] < (wScrollTop+wH-50))
-                if (num[j] >= wScrollTop && num[j] < (wScrollTop+wH-50)) {
-                    if(j == 0){
-                        obj.eq(j).css({
-                            'animation-name':'CfadeInUp',
-                            'animation-duration':  0.8 +'s',
-                            'opacity':'1'
-                        });
-                    }else{
-                        obj.eq(j).css({
-                            'animation-name':'CfadeInUp',
-                            'animation-duration':  1.4 +'s',
-                            'opacity':'1'
-                        });
+            // 获取页面所有obj的top位置，存入数组
+            for(var i=0; i<obj.length;i++){
+                num.push(obj.eq(i).offset().top+(objH/3));
+            }
+            // console.log(num)
+            // 循环数组，判断obj的位置是否在可视区中
+            function judgeTop(){
+                for(var j=0; j<num.length;j++){
+                    console.log(j,wScrollTop,num[j],wScrollTop+wH-50,num[j] >= wScrollTop && num[j] < (wScrollTop+wH-50))
+                    if (num[j] >= wScrollTop && num[j] < (wScrollTop+wH-50)) {
+                        if(j == 0){
+                            obj.eq(j).css({
+                                'animation-name':'CfadeInUp',
+                                'animation-duration':  0.8 +'s',
+                                'opacity':'1'
+                            });
+                        }else{
+                            obj.eq(j).css({
+                                'animation-name':'CfadeInUp',
+                                'animation-duration':  1.4 +'s',
+                                'opacity':'1'
+                            });
+                        }
                     }
                 }
-            }
-        };
-        // 页面初始化时先调用一次
-        judgeTop();
-        // 触发滚动事件调用判断函数
-        $(window).scroll(function(event) {
-            wH = $(window).height();
-            wScrollTop = $(window).scrollTop();
+            };
+            // 页面初始化时先调用一次
             judgeTop();
-        });
-    })();
-    var onlineData_arr = [4680,4670,200]
-    var onlineData_arr1 = []
-    onlineData_arr.forEach(function(v,i){
-        if(v == 0 && i == 0){
-            v = 4680
-        }
-        if(v == 0 && i == 1){
-            v =  4670
-        }
-        if(v == 0 && i == 2){
-            v = 200
-        }
-        onlineData_arr1.push(v)
-    })
-    function filpNumber () {
-        onlineData_arr1.map(function (v, i) {
-            var demo = new CountUp('flip-number-' + (i + 1), 0, v, 0,2,{
-                useEasing: false,
-                useGrouping: false
+            // 触发滚动事件调用判断函数
+            $(window).scroll(function(event) {
+                wH = $(window).height();
+                wScrollTop = $(window).scrollTop();
+                judgeTop();
             });
-            if (!demo.error) {
-                demo.start();
-            } else {
-                console.error(demo.error);
+        })();
+        var onlineData_arr = [4680,4670,200]
+        var onlineData_arr1 = []
+        onlineData_arr.forEach(function(v,i){
+            if(v == 0 && i == 0){
+                v = 4680
+            }
+            if(v == 0 && i == 1){
+                v =  4670
             }
+            if(v == 0 && i == 2){
+                v = 200
+            }
+            onlineData_arr1.push(v)
         })
-    }
-    // 格式化数字，没三位添加分号
-    function toThousands(num) {
-        return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
-    }
-    // 格式化数字，没三位添加分号
-    function toThousands(num) {
-        return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
-    }
-    function windowScrollFn (){
-        var numberBox = $(".app-bottom")
-        var numberBoxH = numberBox.offset().top
-        if ($(window).scrollTop() + $(window).height()  >= numberBoxH) {
-            if (!numberBox.attr('data-show-an')) {
-                numberBox.attr('data-show-an','true')
-                filpNumber()
+        function filpNumber () {
+            onlineData_arr1.map(function (v, i) {
+                var demo = new CountUp('flip-number-' + (i + 1), 0, v, 0,2,{
+                    useEasing: false,
+                    useGrouping: false
+                });
+                if (!demo.error) {
+                    demo.start();
+                } else {
+                    console.error(demo.error);
+                }
+            })
+        }
+        function windowScrollFn (){
+            var numberBox = $(".app-bottom")
+            var numberBoxH = numberBox.offset().top
+            if ($(window).scrollTop() + $(window).height()  >= numberBoxH) {
+                if (!numberBox.attr('data-show-an')) {
+                    numberBox.attr('data-show-an','true')
+                    filpNumber()
 
+                }
+            } else {
+                numberBox.removeAttr('data-show-an')
             }
-        } else {
-            numberBox.removeAttr('data-show-an')
         }
-    }
-    $(window).scroll(windowScrollFn)
+        $(window).scroll(windowScrollFn)
+    })
 </script>
 </body>
 </html>