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

V5 (#500)

Browse Source 
* update dep

* Update package.json

* update contextmenu

* update d.ts

* update onVttLoad

* build artplayer

* update style

* --art-theme

* update style

* update style

* update user-select

* add getIcon

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* add progress-hover

* update mini

* update style

* update style

* update style

* update style

* update style

* update volume

* update style

* add art-backdrop

* update style

* update style

* update style

* update currentLevel

* update artplayerPluginControl

* update artplayerPluginDanmuku

* Update package.json
This commit is contained in:
Harvey Zack authored and GitHub committed 2023-04-16 23:01:26 +08:00
1 parent af12bd9634
commit 7b53de941d
80 files changed
+1393 -1362
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/style/plugins.less
+21 -31
View File
@@ -1,58 +1,48 @@
.art-video-player {
.art-layer-miniProgressBar {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
.art-layer-mini-progress-bar {
display: flex;
.art-full();
top: auto;
height: 2px;
background-color: var(--theme);
background-color: var(--art-theme);
}
.art-layer-lock {
display: none;
align-items: center;
justify-content: center;
.art-center(none);
position: absolute;
left: 15px;
top: calc(50% - 17px);
height: 34px;
width: 34px;
color: #fff;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.5);
background-color: var(--art-background);
}
.art-layer-autoPlayback {
.art-layer-auto-playback {
display: none;
gap: 10px;
align-items: center;
position: absolute;
left: 20px;
bottom: 60px;
left: 10px;
border-radius: 3px;
padding: 10px;
line-height: 1;
background-color: rgb(0 0 0 / 80%);
bottom: calc(var(--art-control-height) + var(--art-bottom-gap) + 10px);
background-color: var(--art-background);
.art-autoPlayback-close {
display: flex;
align-items: center;
margin-right: 10px;
.art-auto-playback-close {
.art-center();
cursor: pointer;
svg {
width: 15px;
height: 15px;
fill: var(--theme);
fill: var(--art-theme);
}
}
.art-autoPlayback-last {
margin-right: 10px;
}
.art-autoPlayback-jump {
color: var(--theme);
.art-auto-playback-jump {
color: var(--art-theme);
cursor: pointer;
}
}
@@ -63,16 +53,16 @@
}
.art-subtitle {
bottom: 10px !important;
bottom: var(--art-subtitle-bottom) !important;
}
.art-layer-miniProgressBar {
display: block !important;
.art-layer-mini-progress-bar {
display: flex !important;
}
}
&.art-control-show {
.art-layer-miniProgressBar {
.art-layer-mini-progress-bar {
display: none;
}