sookie/blog-admin-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

播放器图标修正

Browse Source
This commit is contained in:
灌糖包子 2023-01-18 20:41:19 +08:00
parent 5d3124519a
commit 0f65f927fb
Signed by: sookie
GPG Key ID: 691E688C160D3188
6 changed files with 6 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/api/Music.vue
View File

@ -294,7 +294,6 @@ export default class Music extends BaseList<MusicPage> {
if(response.code === 0) { if(response.code === 0) {
ElMessage.success(response.message) ElMessage.success(response.message)
this.loadData() this.loadData()
this.uploadModal = false
} else { } else {
ElMessage.warning(response.message) ElMessage.warning(response.message)
} }

2
src/views/api/aplayer/assets/loading.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32">
<path class="aplayer-fill" d="M4 16c0-6.6 5.4-12 12-12s12 5.4 12 12c0 1.2-0.8 2-2 2s-2-0.8-2-2c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8c1.2 0 2 0.8 2 2s-0.8 2-2 2c-6.6 0-12-5.4-12-12z"></path> <path class="aplayer-fill" fill="#FFF" d="M4 16c0-6.6 5.4-12 12-12s12 5.4 12 12c0 1.2-0.8 2-2 2s-2-0.8-2-2c0-4.4-3.6-8-8-8s-8 3.6-8 8 3.6 8 8 8c1.2 0 2 0.8 2 2s-0.8 2-2 2c-6.6 0-12-5.4-12-12z"></path>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 274 B

After

Width:  |  Height:  |  Size: 286 B

2
src/views/api/aplayer/assets/pause.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-8 0 32 32"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-8 0 32 32">
<path class="aplayer-fill" d="M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z"></path> <path class="aplayer-fill" stroke="#000" fill="#FFF" d="M14.080 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048zM2.88 4.8q2.88 0 2.88 2.048v18.24q0 2.112-2.88 2.112t-2.88-2.112v-18.24q0-2.048 2.88-2.048z"></path>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 310 B

After

Width:  |  Height:  |  Size: 336 B

2
src/views/api/aplayer/assets/play.svg
View File

@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-8 0 32 32"> <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="-8 0 32 32">
<path class="aplayer-fill" d="M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z"></path> <path class="aplayer-fill" stroke="#000" fill="#FFF" d="M15.552 15.168q0.448 0.32 0.448 0.832 0 0.448-0.448 0.768l-13.696 8.512q-0.768 0.512-1.312 0.192t-0.544-1.28v-16.448q0-0.96 0.544-1.28t1.312 0.192z"></path>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 273 B

After

Width:  |  Height:  |  Size: 299 B

5
src/views/api/aplayer/components/aplayer-controller-progress.vue
View File

@ -19,7 +19,7 @@
@mouseover="thumbHovered = true" @mouseover="thumbHovered = true"
@mouseout="thumbHovered = false" @mouseout="thumbHovered = false"
class="aplayer-thumb" class="aplayer-thumb"
:style="{borderColor:　theme, backgroundColor: thumbHovered ? theme : '#fff'}" :style="{borderColor: theme, backgroundColor: thumbHovered ? theme : '#fff'}"
> >
<span class="aplayer-loading-icon" <span class="aplayer-loading-icon"
:style="{backgroundColor: theme }" :style="{backgroundColor: theme }"
@ -169,10 +169,9 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
svg { .icon-svg {
position: absolute; position: absolute;
animation: spin 1s linear infinite; animation: spin 1s linear infinite;
fill: #ffffff;
} }
} }
} }

2
src/views/api/aplayer/components/aplayer-icon.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<img :src="svg" :style="style" /> <img class="icon-svg" :src="svg" :style="style" />
</template> </template>
<script> <script>