:airplane: Perf: 缩小文章内懒加载占位符的高度

2 files changed, 8 insertions, 1 deletions

diff --git a/assets/matcha/matcha.js b/assets/matcha/matcha.js
index 86d6516..54aed5d 100644
--- a/assets/matcha/matcha.js
+++ b/assets/matcha/matcha.js
@@ -79,7 +79,8 @@ lazyloader = function(){
         onError: function(element) {
             console.log('error loading ' + element.data('src'));
         },
-        afterLoad: function() {
+        afterLoad: function(el) {
+            $(el).addClass('lazy-loaded');
             //完成后加载 Fluidbox
             $('.fluidbox-anchor').fluidbox().on('openstart.fluidbox', function(){
                 $(this).parent().css('overflow', 'visible');
diff --git a/assets/matcha/matcha.libs.css b/assets/matcha/matcha.libs.css
index 652c310..19884cc 100644
--- a/assets/matcha/matcha.libs.css
+++ b/assets/matcha/matcha.libs.css
@@ -214,3 +214,9 @@ div.code-toolbar>.toolbar>.toolbar-item>button::before {
 	border-color: var(--theme-color);
 	color: #fff
 }
+
+/* 懒加载 */
+
+.post-content img.lazy:not(lazy-loaded) {
+	max-width: 100px
+}
\ No newline at end of file