|
@@ -192,6 +192,7 @@
|
|
|
</h6>
|
|
</h6>
|
|
|
<!-- </template> -->
|
|
<!-- </template> -->
|
|
|
<div class="audio-box">
|
|
<div class="audio-box">
|
|
|
|
|
+ <p>鼠标点击或按空格键播放/暂停音频</p>
|
|
|
<div
|
|
<div
|
|
|
class="aduioLine-content aduioLine-box"
|
|
class="aduioLine-content aduioLine-box"
|
|
|
v-if="articleInfo.art_sound_url"
|
|
v-if="articleInfo.art_sound_url"
|
|
@@ -794,9 +795,14 @@ export default {
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
.audio-box {
|
|
.audio-box {
|
|
|
- display: flex;
|
|
|
|
|
|
|
+ // display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ > p {
|
|
|
|
|
+ color: #d0d3d9;
|
|
|
|
|
+ font-size: 14px;
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.aduioLine-box {
|
|
.aduioLine-box {
|
|
|
width: 516px;
|
|
width: 516px;
|
|
@@ -807,6 +813,7 @@ export default {
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
padding: 8px 24px;
|
|
padding: 8px 24px;
|
|
|
|
|
+ margin: 0 auto;
|
|
|
.wrapper {
|
|
.wrapper {
|
|
|
width: 24px;
|
|
width: 24px;
|
|
|
height: 24px;
|
|
height: 24px;
|