文章封面加载优化

Author: kaeyleo

assets/css/app.min.css

@@ -97,6 +97,14 @@ $(document).ready(function(){
             var marginTop = (containerHeight - imgHeight) / 2;
             img.css('margin-top', marginTop + 'px');
         }
+
+        setTimeout(function(){
+            img.css({
+                'transition': '.6s',
+                'opacity': '1'
+            });
+        }, 0);
+        
     }
 
     postCover($('#postCover'), $('.g-banner'));

assets/js/index.min.js

@@ -482,6 +482,7 @@ a {
     height: 100%;
     z-index: -2; }
     .post-header .post-cover img {
+      opacity: 0;
       width: 100%; }
 
 .bgcolor-default {

dev/js/index.js

@@ -384,6 +384,7 @@
         height: 100%;
         z-index: -2;
         img {
+            opacity: 0;
             width: 100%;
         }
     }