feat: video page multi page add counter

festoney8 · Oct 18, 2024 · edaff0a · edaff0a
1 parent 180a56b
commit edaff0a
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 ## 4.0.3
 
 -   新增：首页 隐藏刷新按钮文字提示
+-   新增：播放页 恢复分P视频编号 默认开启
 -   修复：播放页 视频信息相关功能
 -   修复：播放页 展开视频标题
 -   优化：拖拽面板性能

diff --git a/src/modules/rules/video/groups/right.scss b/src/modules/rules/video/groups/right.scss
@@ -166,6 +166,27 @@ html[video-page-hide-right-container-multi-page-next-btn] {
     }
 }
 
+// 恢复 分P视频 编号
+html[video-page-hide-right-container-multi-page-add-counter] {
+    .video-pod__list.multip.list {
+        counter-reset: section-counter;
+
+        .video-pod__item {
+            &::before {
+                counter-increment: section-counter;
+                content: 'P' counter(section-counter);
+                font-size: 15px;
+                margin-right: 8px;
+                transition: color 0.2s;
+            }
+            &.active::before,
+            &:hover::before {
+                color: var(--brand_blue);
+            }
+        }
+    }
+}
+
 // 相关视频 视频信息置底
 html[video-page-right-container-set-info-bottom] {
     :is(.video-page-card-small, .video-page-operator-card-small) .card-box .info {

diff --git a/src/modules/rules/video/groups/right.ts b/src/modules/rules/video/groups/right.ts
@@ -70,6 +70,12 @@ export const videoRightItems: Item[] = [
         id: 'video-page-hide-right-container-multi-page-next-btn',
         name: '隐藏 分P视频 自动连播',
     },
+    {
+        type: 'switch',
+        id: 'video-page-hide-right-container-multi-page-add-counter',
+        name: '恢复 分P视频 编号',
+        defaultEnable: true,
+    },
     {
         type: 'switch',
         id: 'video-page-right-container-set-info-bottom',