Bilibili-Evolved/registry/lib/components/touch/player-control/index.ts
2022-10-12 23:27:58 +08:00

29 lines
757 B
TypeScript

import { defineComponentMetadata } from '@/components/define'
import { playerUrls } from '@/core/utils/urls'
const id = 'touch-player-control'
const entry = async () => {
document.body.classList.add(id)
}
export const component = defineComponentMetadata({
name: 'touchPlayerControl',
displayName: '控制栏触摸优化',
description: {
'zh-CN': '增大播放器控制栏里按钮的间距, 方便触屏使用.',
},
tags: [componentsTags.touch, componentsTags.style],
enabledByDefault: navigator.maxTouchPoints > 0,
urlInclude: playerUrls,
instantStyles: [
{
name: id,
style: () => import('./player-control.scss'),
},
],
entry,
reload: entry,
unload: () => {
document.body.classList.remove(id)
},
})