删除aplayer-fill
This commit is contained in:
@@ -29,8 +29,5 @@ defineProps<{icon: string}>()
|
||||
&:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
.aplayer-fill {
|
||||
transition: all .2s ease-in-out;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@@ -17,7 +17,7 @@
|
||||
<script lang="ts" setup>
|
||||
import { ref, watch } from 'vue'
|
||||
import IconButton from './aplayer-iconbutton.vue'
|
||||
import { themeColor } from '../utils'
|
||||
import { adaptingThemeColor } from '../utils'
|
||||
|
||||
const props = withDefaults(defineProps<{
|
||||
pic?: string
|
||||
@@ -61,7 +61,7 @@ const onClick = () => {
|
||||
}
|
||||
}
|
||||
const imgLoad = () => {
|
||||
const color = themeColor(<HTMLImageElement>thumbnailPic.value)
|
||||
const color = adaptingThemeColor(<HTMLImageElement>thumbnailPic.value)
|
||||
emit('adaptingTheme', `rgb(${color.r},${color.g},${color.b})`)
|
||||
}
|
||||
watch(() => props.pic, (pic?: string) => {
|
||||
@@ -96,9 +96,6 @@ watch(() => props.pic, (pic?: string) => {
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
transition: all 0.1s ease;
|
||||
.aplayer-fill {
|
||||
fill: #fff;
|
||||
}
|
||||
}
|
||||
.aplayer-play {
|
||||
width: 26px;
|
||||
|
||||
Reference in New Issue
Block a user