QZoneMemo v1.6

Turn pictures in the Moments into a nine-grid format

修改说说图片为九宫格格式

Author: SwimmingLiu

utils/ToolsUtil.py

@@ -82,17 +82,20 @@ def get_html_template():
             }}
             .image {{
                 margin-top: 10px;
-                display: flex;
-                justify-content: space-around;
-                align-items: center; /* 使两张图片垂直对齐 */
-                padding: 20px;
+                display: grid;
+                grid-template-columns: repeat(3, 1fr); /* 将图片分成3列 */
+                grid-gap: 10px; /* 设置图片之间的间距 */
+                justify-items: center; /* 居中显示图片 */
             }}
             .image img {{
-                max-width: 33vw;
-                max-height: 33vh;
+                width: 100%; /* 图片宽度100%填充父容器 */
+                height: auto; /* 固定高度150px */
+                object-fit: cover; /* 保持比例裁剪图片 */
+                max-width: 33vw; /* 限制图片的最大宽度 */
+                max-height: 33vh; /* 限制图片的最大高度 */
                 border-radius: 10px;
                 cursor: pointer;
-            }}
+            }} 
             .comments {{
                 margin-top: 5px; /* 调整这里的值来减少间距 */
                 background-color: #444;