1、日志样式优化，图片内容不能超过日志显示区域

2、配置页优化 3、日志/日记列表优化、支持表格与列表展示 4、日志列表优化、支持简要与摘要视图展示 5、修复日志/私密日记不备份评论时，日志详情底部显示错误问题 6、好友列表优化、支持表格与列表展示 7、修复好友模块不勾选详细信息/互动信息时，备份异常问题 8、好友模块支持空间权限检测，即是否有权限访问好友QQ空间 9、好友模块支持单向好友检测，即是否Ta在你好友你不在Ta好友中 10、新增不备份相片详情的开关，新增备份相片视频的开关，仅在不备份相片详情时生效 11、修复相册、视频播放图标在不同分辨率下的不居中的问题 12、优化Aria2下载，避免不获取相片详情时，无法使用Aria2下载加密照片问题。 13、QQ好友导出MD文件时，支持导出好友互动信息与权限信息 14、修复无法唤醒迅雷下载的问题，如果仍无法下载，建议下载工具选Aria2或迅雷下载链接。 15、优化相片详情获取逻辑，支持配置每次查询多少张相片的详情，加快备份速度 16、新增相片列表类型配置，可直接根据详情列表获取相片信息，而无需额外获取详细信息，且详细列表获取可超90条目，可加快备份速度。 17、QQ好友备份支持备份特别关心好友 18、修复QQ空间文案内容存在特殊字符（如反斜杠等）时，导致JSON转换错误从而无法备份问题。 19、那年今日结束提示 20、左侧导航显示条目数 Signed-off-by: lvshuncai <[email protected]>
ShunCai · Jan 23, 2022 · 23d1046 · 23d1046
1 parent c783d06
commit 23d1046
Show file tree

Hide file tree

Showing 46 changed files with 3,604 additions and 18,559 deletions.
diff --git a/src/css/options.css b/src/css/options.css
@@ -56,4 +56,15 @@ table td {
 
 .glyphicon-remove:before {
     content: "\f00d"
+}
+
+
+/* 帮助图标 */
+
+.fa-question-circle-o {
+    cursor: pointer;
+}
+
+.tooltip-inner {
+    max-width: 600px !important;
 }
diff --git a/src/export/css/common.css b/src/export/css/common.css
@@ -131,12 +131,101 @@ body {
     margin-top: 30px;
 }
 
+
+/* 通用样式 */
+
+
+/* 头像 */
+
+.avatar {
+    display: block;
+    width: 50px;
+    height: 50px;
+    float: left;
+    margin: .2em 0 0;
+}
+
+
+/* 日志列表 */
+
+#blogs-list .list-group-item {
+    border-radius: 15px;
+}
+
+#blogs-list img {
+    max-width: 10vw;
+    max-height: 225px;
+}
+
+#blogs-list .fa {
+    line-height: inherit;
+}
+
+#blogs-types {
+    max-height: 90%;
+    overflow: auto;
+    position: fixed;
+    top: 60px;
+    right: 0;
+    left: 0;
+    z-index: 1030;
+}
+
+@media screen and (max-width: 820px) {
+    #blogs-types {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 640px) {
+    #blogs-types {
+        display: none;
+    }
+}
+
+#blogs-type-list {
+    left: 18%;
+}
+
+@media screen and (max-width: 820px) {
+    #blogs-type-list {
+        left: 0;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: 100%;
+    }
+}
+
+@media screen and (max-width: 640px) {
+    #blogs-type-list {
+        left: 0;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: 100%;
+    }
+}
+
+
+/* 日志样式 */
+
 #blog_content {
     border: solid #e9ecef 1px;
-    padding: 20px;
     border-radius: 10px;
 }
 
+
+/* 日志图片等比缩放 */
+
+#blog_content img {
+    max-width: 100%;
+    max-height: 100%;
+    width: auto;
+    height: auto;
+}
+
+
+/* 留言板样式 */
+
 .boards {
     top: 40px;
     position: relative;
@@ -152,14 +241,6 @@ body {
     border-radius: 15px;
 }
 
-.avatar {
-    display: block;
-    width: 50px;
-    height: 50px;
-    float: left;
-    margin: .2em 0 0;
-}
-
 .border {
     border-radius: 15px;
 }
@@ -209,8 +290,6 @@ body {
     opacity: .8;
     cursor: pointer;
     position: absolute;
-    top: 85px;
-    left: 115px;
 }
 
 .message-video {
@@ -433,6 +512,13 @@ body {
     font-weight: bold;
 }
 
+/* 左侧导航徽章数 */
+.BlogAnchor li .nav_item .itemSize {
+    text-indent: 0px;
+    float: right;
+    margin-top: 6px;
+}
+
 #AnchorContentToggle {
     font-size: 13px;
     font-weight: normal;
@@ -532,6 +618,9 @@ body {
 }
 
 .lightbox {
+    display: flex;
+    justify-content: center;
+    align-items: center;
     height: 13vw;
     cursor: pointer;
     overflow-x: hidden;
@@ -566,12 +655,6 @@ pre {
     white-space: pre-wrap;
 }
 
-#friends-table img {
-    width: 50px;
-    height: 50px;
-    border-radius: 50px;
-}
-
 .timeline2-centered {
     position: relative;
     margin-bottom: 30px;
@@ -1183,4 +1266,76 @@ pre {
     #favorites_html {
         max-width: 60vw;
     }
+}
+
+
+/* 好友列表样式 */
+
+#friends-table img {
+    width: 50px;
+    height: 50px;
+    border-radius: 50px;
+}
+
+#friends-list img {
+    width: 50px;
+    height: 50px;
+    border-radius: 50px;
+}
+
+#friends-list .list-group-item {
+    border-radius: 15px;
+}
+
+#friends-list img {
+    max-width: 10vw;
+    max-height: 225px;
+}
+
+#friends-list .fa {
+    line-height: inherit;
+}
+
+#friends-types {
+    max-height: 90%;
+    overflow: auto;
+    position: fixed;
+    top: 60px;
+    right: 0;
+    left: 0;
+    z-index: 1030;
+}
+
+@media screen and (max-width: 820px) {
+    #friends-types {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 640px) {
+    #friends-types {
+        display: none;
+    }
+}
+
+#friends-type-list {
+    left: 25%;
+}
+
+@media screen and (max-width: 820px) {
+    #friends-type-list {
+        left: 0;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: 100%;
+    }
+}
+
+@media screen and (max-width: 640px) {
+    #friends-type-list {
+        left: 0;
+        flex: 0 0 auto;
+        width: auto;
+        max-width: 100%;
+    }
 }
diff --git a/src/export/js/bloginfo.js b/src/export/js/bloginfo.js
@@ -21,7 +21,7 @@ $(function() {
     $("#comments_html").html(comments_html);
 
     // 日志中的图片
-    $('#blog_content .QZBLOG_IMG_LOADING').on('click', function() {
+    $('#blog_content img').on('click', function() {
         // 画廊相册DOM
         const $galleryDom = $('#blog_content').get(0);
         // 点击的图片的索引位置

diff --git a/src/export/js/blogs.js b/src/export/js/blogs.js
@@ -1,4 +1,21 @@
-$(function () {
+/**
+ * 列表方式显示日志列表
+ */
+ API.Blogs.showList = function() {
+    // 日志分类清单
+    const categoryMaps = API.Utils.groupedByField(blogs, 'category');
+
+    // 基于模板渲染列表
+    const list_html = template(TPL.BLOGS_TYPE_LIST, { blogs: blogs, categoryMaps: categoryMaps });
+
+    // 渲染
+    $('#blogs-list').html(list_html);
+}
+
+/**
+ * 表格方式显示日志列表
+ */
+API.Blogs.showTableList = function() {
     // 初始化日志表格
     API.Utils.initTable("blogs-table", [{
         checkbox: true,
@@ -16,7 +33,7 @@ $(function () {
         }
     }, {
         field: 'category',
-        title: '类别',
+        title: '分类',
         align: 'center',
         width: "150",
         sortable: true
@@ -27,7 +44,7 @@ $(function () {
         width: "50",
         sortable: true,
         formatter: (value, row, index, field) => {
-            return API.Blogs.getBlogLabel(row) || '原创';
+            return API.Blogs.getBlogLabel(row).join(',');
         }
     }, {
         field: 'pubtime',
@@ -51,5 +68,19 @@ $(function () {
         width: "20",
         sortable: true
     }], blogs);
+}
+
+$(function() {
 
+    // 显示日志列表
+    switch (QZone_Config.Blogs.showType) {
+        case '0':
+            // 表格方式展示
+            API.Blogs.showTableList();
+            break;
+        default:
+            // HTML方式展示
+            API.Blogs.showList();
+            break;
+    }
 });