@ezuikit/player-theme
Version:
player theme
41 lines (33 loc) • 773 B
Markdown
## 简介
萤石播放器主题
## 快速入门
```ts
import Theme from '@ezuikit/player-theme';
// 引入样式
import '@ezuikit/player-theme/dist/style.css';
// 使用
const theme = new Theme({
// ...
});
// 播放器接入主题
class Player extends Theme {
constructor(options) {
super(options);
// ...
}
// ...
}
```
## 样式变量
```scss
--ezplayer-default-color: #fff;
--ezplayer-primary-color: #407aff;
--ezplayer-active-color: var(--ezplayer-primary-color, #407aff);
--ezplayer-disabled-color: #aaa;
--ezplayer-font-size: 14px;
--ezplayer-icon-font-size: 24px;
--ezplayer-btn-height: var(--ezplayer-icon-font-size, 24px);
--ezplayer-border-radius: 8px;
// 移动端暂时不生效
--ezplayer-picker-panel-bg-color: rgba(0, 0, 0, 0.7);
```