x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-27 17:51:20 -08:00
Code Issues Packages Projects Releases Wiki Activity

update docs

Browse Source
This commit is contained in:
Harvey committed 2022-05-16 15:40:05 +08:00
1 parent d0f6d643a4
commit 93a517eaf8
53 files changed
+444 -245
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer-plugin-danmuku/src/style.less
+69 -57
View File
@@ -14,7 +14,7 @@
touch-action: manipulation;
-ms-high-contrast-adjust: none;
* {
*, *::before, *::after {
margin: 0;
padding: 0;
box-sizing: border-box;
@@ -47,71 +47,77 @@
.art-danmuku-style-panel {
display: none;
flex-direction: column;
position: absolute;
left: -70px;
bottom: 29px;
z-index: 999;
left: -65px;
bottom: 30px;
width: 160px;
padding: 10px 10px 0;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.9);
padding-bottom: 10px;
.art-danmuku-style-panel-title {
font-size: 13px;
margin-bottom: 10px;
}
.art-danmuku-style-panel-modes {
.art-danmuku-style-panel-inner {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
flex-direction: column;
padding: 10px 10px 0;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.9);
.art-danmuku-style-panel-mode {
display: flex;
justify-content: center;
width: 47%;
padding: 4px 0;
cursor: pointer;
color: #fff;
border: 1px solid #fff;
&.art-current {
background-color: #00a1d6;
border: 1px solid #00a1d6;
}
.art-danmuku-style-panel-title {
font-size: 13px;
margin-bottom: 10px;
}
}
.art-danmuku-style-panel-colors {
display: flex;
gap: 5px;
flex-wrap: wrap;
margin-bottom: 10px;
justify-content: space-between;
.art-danmuku-style-panel-color {
cursor: pointer;
width: 15px;
height: 15px;
border: 1px solid #fff;
&.art-current{
position: relative;
box-shadow: 0 0 2px #fff;
&::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid #000;
.art-danmuku-style-panel-modes {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
.art-danmuku-style-panel-mode {
display: flex;
justify-content: center;
width: 47%;
padding: 4px 0;
cursor: pointer;
color: #fff;
border: 1px solid #fff;
&.art-current {
background-color: #00a1d6;
border: 1px solid #00a1d6;
}
}
}
.art-danmuku-style-panel-colors {
display: flex;
gap: 5px;
flex-wrap: wrap;
margin-bottom: 10px;
justify-content: space-between;
.art-danmuku-style-panel-color {
cursor: pointer;
width: 15px;
height: 15px;
border: 1px solid #fff;
&.art-current{
position: relative;
box-shadow: 0 0 2px #fff;
&::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 1px solid #000;
}
}
}
}
}
}
@@ -163,4 +169,10 @@
pointer-events: none;
}
}
&.art-danmuku-mobile {
.art-danmuku-style .art-danmuku-style-panel {
left: 0;
}
}
}