github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: 视频播放器样式优化

Browse Source
This commit is contained in:
pipipi-pikachu 2021-11-01 15:13:00 +08:00
parent f73b531d93
commit aa0a88e93e
3 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/plugins/icon.ts
View File

@ -206,6 +206,5 @@ export default {
app.component('IconVolumeMute', VolumeMute) app.component('IconVolumeMute', VolumeMute)
app.component('IconVolumeNotice', VolumeNotice) app.component('IconVolumeNotice', VolumeNotice)
app.component('IconVolumeSmall', VolumeSmall) app.component('IconVolumeSmall', VolumeSmall)
app.component('IconCycleOne', CycleOne)
} }
} }

2
src/views/components/element/VideoElement/VideoPlayer/index.vue
View File

@ -87,7 +87,7 @@
</div> </div>
<div class="loop" @click="toggleLoop()"> <div class="loop" @click="toggleLoop()">
<div class="icon loop-icon" :class="{ 'active': loop }"> <div class="icon loop-icon" :class="{ 'active': loop }">
<span class="icon-content"><IconCycleOne /></span> <span class="icon-content">循环</span>
</div> </div>
</div> </div>
</div> </div>

4
src/views/components/element/VideoElement/VideoPlayer/style.scss
View File

@ -191,8 +191,10 @@
color: #fff; color: #fff;
} }
&.loop-icon { &.loop-icon {
font-size: 12px;
.icon-content { .icon-content {
opacity: 0.6; opacity: 0.5;
} }
} }
&.speed-icon { &.speed-icon {