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

Aliyundrive (#436)

Browse Source 
* init

* init

* add example

* add initControl

* add initControl

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* update style

* build all

* build all

* update style
This commit is contained in:
Harvey Zack authored and GitHub committed 2022-12-31 21:16:54 +08:00
1 parent 4dcde5a539
commit 6b791be35a
52 files changed
+689 -50
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/style/bottom.less
+15 -5
View File
@@ -36,8 +36,9 @@
display: flex;
align-items: center;
position: relative;
height: 50%;
height: 100%;
width: 100%;
border-radius: 5px;
transition: all 0.2s ease;
background: rgba(255, 255, 255, 0.2);
@@ -50,6 +51,7 @@
bottom: 0;
height: 100%;
width: 0;
border-radius: 3px;
background: rgba(255, 255, 255, 0.4);
}
@@ -62,6 +64,7 @@
bottom: 0;
height: 100%;
width: 0;
border-radius: 3px;
}
.art-progress-highlight {
@@ -81,7 +84,7 @@
top: 0;
width: 7px;
height: 100%;
background: #fff;
background: rgba(255, 255, 255, 0.75);
pointer-events: auto;
}
}
@@ -131,10 +134,12 @@
.art-control-thumbnails {
display: none;
position: absolute;
bottom: 8px;
bottom: 10px;
left: 0;
border-radius: 3px;
pointer-events: none;
background-color: rgba(0, 0, 0, 0.7);
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2), 0 1px 2px -1px rgb(0 0 0 / 0.2);
}
.art-control-loop {
@@ -190,7 +195,7 @@
display: flex;
align-items: center;
justify-content: center;
opacity: 0.9;
opacity: 0.75;
font-size: 12px;
min-height: 36px;
min-width: 36px;
@@ -198,6 +203,7 @@
text-align: center;
cursor: pointer;
white-space: nowrap;
transition: opacity 0.1s ease-in-out;
.art-icon {
display: flex;
align-items: center;
@@ -205,6 +211,11 @@
float: left;
height: 36px;
width: 36px;
transform: scale(1);
transition: transform 0.2s ease-in-out;
&:active {
transform: scale(0.85);
}
}
&:hover {
opacity: 1;
@@ -291,7 +302,6 @@
&:hover {
.art-progress .art-control-progress .art-control-progress-inner {
height: 100%;
.art-progress-indicator {
transform: scale(1, 1);
visibility: visible;