feat: dyn page checked uploader opacity and display

festoney8 · Jun 15, 2024 · 201e00d · 201e00d
1 parent 6204dfd
commit 201e00d
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 4 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,7 @@
 
 ## 3.7.1
 
+-   新增：动态页淡化/隐藏已查看过动态的UP主
 -   优化：重写URL净化、BV号转AV号功能
 -   优化：去除播放页网址跳变问题
 -   优化：减少URL变化对浏览器历史记录的影响

diff --git a/src/rules/dynamic.ts b/src/rules/dynamic.ts
@@ -125,8 +125,8 @@ if (isPageDynamic()) {
     ]
     dynamicGroupList.push(new Group('dynamic-right', '右栏 热门话题', rightItems))
 
-    // 中栏
-    const centerItems = [
+    // 中栏顶部
+    const centerTopItems = [
         // 扩增 中栏宽度
         new CheckboxItem({
             itemID: 'expand-dynamic-page-bili-dyn-width',
@@ -167,19 +167,53 @@ if (isPageDynamic()) {
                 }
             `,
         }),
+        // 淡化 UP 主列表 已查看项
+        new CheckboxItem({
+            itemID: 'dynamic-page-up-list-checked-item-opacity',
+            description: '淡化 UP 主列表 已查看项',
+            itemCSS: `
+                .bili-dyn-up-list__item:not(.active):has(.bili-dyn-up-list__item__face .bili-dyn-up-list__item__face__img:only-child) {
+                    transition: opacity 0.2s linear;
+                    opacity: 0.25;
+                }
+                .bili-dyn-up-list__item:hover {
+                    transition: opacity 0.1s linear !important;
+                    opacity: 1 !important;
+                }`,
+        }),
+        // 隐藏 UP 主列表 已查看项
+        new CheckboxItem({
+            itemID: 'dynamic-page-up-list-checked-item-hide',
+            description: '隐藏 UP 主列表 已查看项',
+            itemCSS: `
+                @keyframes disappear {
+                    from { display: flex; }
+                    to { display: none; }
+                }
+                .bili-dyn-up-list__item:not(.active):has(.bili-dyn-up-list__item__face .bili-dyn-up-list__item__face__img:only-child) {
+                    animation: disappear;
+                    animation-delay: 1.2s;
+                    animation-fill-mode: forwards;
+                }`,
+        }),
         // 隐藏 动态发布框
         new CheckboxItem({
             itemID: 'hide-dynamic-page-bili-dyn-publishing',
             description: '隐藏 动态发布框',
             itemCSS: `.bili-dyn-publishing {display: none !important;}
-                main section:nth-child(1) {margin-bottom: 0 !important;}`,
+                        main section:nth-child(1) {margin-bottom: 0 !important;}`,
         }),
         // 隐藏 动态分类Tab bar
         new CheckboxItem({
             itemID: 'hide-dynamic-page-bili-dyn-list-tabs',
             description: '隐藏 动态分类Tab bar',
             itemCSS: `.bili-dyn-list-tabs {display: none !important;}`,
         }),
+    ]
+    dynamicGroupList.push(new Group('dynamic-center-top', '中栏 顶部功能', centerTopItems))
+
+    // 中栏 动态列表
+    const centerDynItems = [
         // 隐藏 头像框
         new CheckboxItem({
             itemID: 'hide-dynamic-page-bili-dyn-avatar-pendent',
@@ -319,7 +353,7 @@ if (isPageDynamic()) {
             },
         }),
     ]
-    dynamicGroupList.push(new Group('dynamic-center', '中栏 动态列表', centerItems))
+    dynamicGroupList.push(new Group('dynamic-center-dyn', '中栏 动态列表', centerDynItems))
 
     // 动态评论区, 尽可能同步video page
     const commentItems = [