|
@@ -8,7 +8,8 @@
|
|
|
<div :id="idleft" class="left"></div>
|
|
<div :id="idleft" class="left"></div>
|
|
|
<div :id="idright" class="right"></div>
|
|
<div :id="idright" class="right"></div>
|
|
|
<div class="circle"></div>
|
|
<div class="circle"></div>
|
|
|
- <i class="iconfont" :class="notPlaying ? 'iconbs_play' : 'iconbs_stop'"></i>
|
|
|
|
|
|
|
+ <img v-if="notPlaying" :src="require('@/assets/images/icons/play.svg')" />
|
|
|
|
|
+ <img v-if="!notPlaying" :src="require('@/assets/images/icons/pause.svg')" />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div v-if="showTime" class="namecon">
|
|
<div v-if="showTime" class="namecon">
|
|
@@ -281,24 +282,6 @@ export default {
|
|
|
min-width: @raduiW;
|
|
min-width: @raduiW;
|
|
|
background: #FF9F2B;
|
|
background: #FF9F2B;
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
- .iconbs_play {
|
|
|
|
|
- top: 50%;
|
|
|
|
|
- left: 50%;
|
|
|
|
|
- right: unset;
|
|
|
|
|
- bottom: unset;
|
|
|
|
|
- transform: translate(-47%, -50%) scale(0.6);
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- }
|
|
|
|
|
- .iconbs_stop {
|
|
|
|
|
- top: 50%;
|
|
|
|
|
- left: 50%;
|
|
|
|
|
- right: unset;
|
|
|
|
|
- bottom: unset;
|
|
|
|
|
- transform: translate(-50%, -50%) scale(0.5);
|
|
|
|
|
- font-size: 12px;
|
|
|
|
|
- color: #fff;
|
|
|
|
|
- }
|
|
|
|
|
.left {
|
|
.left {
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
background: @pcolor;
|
|
background: @pcolor;
|