Skip to content

Commit 0383cb2

Browse files
committed
fix(mobile): 让页面指示器更好点
1 parent 80a5ee0 commit 0383cb2

1 file changed

Lines changed: 9 additions & 0 deletions

File tree

src/components/Player/FullPlayerMobile.vue

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -546,13 +546,22 @@ const contentTransform = computed(() => {
546546
gap: 8px;
547547
pointer-events: none;
548548
.dot {
549+
position: relative;
549550
width: 6px;
550551
height: 6px;
551552
border-radius: 50%;
552553
background-color: rgba(255, 255, 255, 0.2);
553554
transition: all 0.3s;
554555
pointer-events: auto;
555556
cursor: pointer;
557+
&::after {
558+
content: "";
559+
position: absolute;
560+
top: -16px;
561+
bottom: -16px;
562+
left: -8px;
563+
right: -8px;
564+
}
556565
&.active {
557566
background-color: rgb(var(--main-cover-color));
558567
width: 16px;

0 commit comments

Comments
 (0)