mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-19 19:51:20 -08:00
prettier
This commit is contained in:
1 parent
7fe80943a9
commit
7c8a3c2c7d
18 files changed
+37
-55
No files matched your search
@@ -21,4 +21,4 @@
|
||||
"video",
|
||||
"player"
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -21,4 +21,4 @@
|
||||
"video",
|
||||
"player"
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -21,4 +21,4 @@
|
||||
"video",
|
||||
"player"
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -21,4 +21,4 @@
|
||||
"video",
|
||||
"player"
|
||||
]
|
||||
}
|
||||
}
|
||||
@@ -24,4 +24,4 @@
|
||||
"dependencies": {
|
||||
"option-validator": "^2.0.6"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -12,13 +12,8 @@ export default function resizeInit(art, events) {
|
||||
art.emit('resize');
|
||||
}, art.constructor.RESIZE_TIME);
|
||||
|
||||
events.proxy(window, ['orientationchange', 'resize'], () => {
|
||||
resizeFn();
|
||||
});
|
||||
|
||||
events.proxy(window, ['orientationchange', 'resize'], () => resizeFn());
|
||||
if (screen && screen.orientation && screen.orientation.onchange) {
|
||||
events.proxy(screen.orientation, 'change', () => {
|
||||
resizeFn();
|
||||
});
|
||||
events.proxy(screen.orientation, 'change', () => resizeFn());
|
||||
}
|
||||
}
|
||||
@@ -11,9 +11,7 @@ export default function viewInit(art, events) {
|
||||
art.emit('view', isInViewport($container, constructor.SCROLL_GAP));
|
||||
}, constructor.SCROLL_TIME);
|
||||
|
||||
events.proxy(window, 'scroll', () => {
|
||||
scrollFn();
|
||||
});
|
||||
events.proxy(window, 'scroll', () => scrollFn());
|
||||
|
||||
art.on('view', (state) => {
|
||||
if (option.autoMini) {
|
||||
|
||||
@@ -24,10 +24,7 @@ export default class Info extends Component {
|
||||
|
||||
let timer = null;
|
||||
const $types = queryAll('[data-video]', $infoPanel) || [];
|
||||
|
||||
this.art.on('destroy', () => {
|
||||
clearTimeout(timer);
|
||||
});
|
||||
this.art.on('destroy', () => clearTimeout(timer));
|
||||
|
||||
function loop() {
|
||||
for (let index = 0; index < $types.length; index++) {
|
||||
|
||||
@@ -48,7 +48,6 @@ export default class Mobile {
|
||||
typeCallback($video, option.url, art);
|
||||
} else {
|
||||
$video.src = option.url;
|
||||
art.emit('url', $video.src);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,10 +1,10 @@
|
||||
.art-video-player.art-backdrop {
|
||||
.art-contextmenus,
|
||||
.art-info,
|
||||
.art-settings,
|
||||
.art-layer-auto-playback,
|
||||
.art-selector-list,
|
||||
.art-video-player.art-backdrop {
|
||||
.art-contextmenus,
|
||||
.art-info,
|
||||
.art-settings,
|
||||
.art-layer-auto-playback,
|
||||
.art-selector-list,
|
||||
.art-volume-inner {
|
||||
.art-backdrop-filter();
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -3,7 +3,7 @@
|
||||
.art-full(40);
|
||||
display: none;
|
||||
pointer-events: none;
|
||||
|
||||
|
||||
.art-layer {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
@@ -55,8 +55,9 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
.art-mini-close, .art-mini-state {
|
||||
.art-mini-close,
|
||||
.art-mini-state {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -16,4 +16,4 @@
|
||||
.art-controls-right {
|
||||
margin-right: calc(var(--art-padding) / -1);
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,6 +1,6 @@
|
||||
.art-control-selector {
|
||||
position: relative;
|
||||
|
||||
|
||||
.art-selector-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -42,4 +42,4 @@
|
||||
pointer-events: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -6,13 +6,16 @@
|
||||
z-index: 20;
|
||||
width: 100%;
|
||||
padding: 0 5%;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
gap: var(--art-subtitle-gap);
|
||||
bottom: var(--art-subtitle-bottom);
|
||||
font-size: var(--art-subtitle-font-size);
|
||||
pointer-events: none;
|
||||
transition: bottom var(--art-transition-duration) ease;
|
||||
text-shadow: var(--art-subtitle-border) 1px 0 1px, var(--art-subtitle-border) 0 1px 1px, var(--art-subtitle-border) -1px 0 1px, var(--art-subtitle-border) 0 -1px 1px, var(--art-subtitle-border) 1px 1px 1px, var(--art-subtitle-border) -1px -1px 1px,
|
||||
var(--art-subtitle-border) 1px -1px 1px, var(--art-subtitle-border) -1px 1px 1px;
|
||||
text-shadow: var(--art-subtitle-border) 1px 0 1px, var(--art-subtitle-border) 0 1px 1px,
|
||||
var(--art-subtitle-border) -1px 0 1px, var(--art-subtitle-border) 0 -1px 1px,
|
||||
var(--art-subtitle-border) 1px 1px 1px, var(--art-subtitle-border) -1px -1px 1px,
|
||||
var(--art-subtitle-border) 1px -1px 1px, var(--art-subtitle-border) -1px 1px 1px;
|
||||
|
||||
p {
|
||||
word-break: break-all;
|
||||
|
||||
@@ -80,4 +80,4 @@
|
||||
pointer-events: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user