/MioPlayer

一款基于二次元风格，部分主题可以自定义的音乐网站

Primary LanguageTypeScript

MioPlay

Api使用 NeteaseCloudMusicApi

命名规则

  • 文件名：小写 '-'
  • 组件名: 大驼峰
  • 函数名：小驼峰
  • interface & type: Ixx
  • props接口: 写在当前文件夹下
  • css接口同理
  • 多文件统一由当前的index文件导出
  • pc组件 Mio+大驼峰
  • mobile组件 MioMob+大驼峰

问题描述

Q1: backdrop-filter: blur(10px); 不起作用

A1: 直接在父div上不起效果，再新增一个子元素，大小和父元素一样，定位使用绝对定位，调整一下 z-index 即可

.background-cover {
  width: 100vw;
  height: 100vh;
  position: absolute;
  backdrop-filter: blur(10px);
  opacity: 0.9;
  z-index: 1;
}

tips

pc端灵感来自：Bocchi the Rock! ぼっち・ざ・ろっく！(Album) [WallPaper] author: Cube