|
@@ -10,13 +10,13 @@
|
|
|
:src="audio.coverUrl"
|
|
:src="audio.coverUrl"
|
|
|
class="coverImg"
|
|
class="coverImg"
|
|
|
/>
|
|
/>
|
|
|
- <span style="position: absolute; bottom: 0; left: 0; color:white">
|
|
|
|
|
- <i class="el-icon-video-play">114</i>
|
|
|
|
|
|
|
+ <span style="position: absolute; bottom: 0; left: 0; color:blue">
|
|
|
|
|
+ <i class="el-icon-video-play">90</i>
|
|
|
</span>
|
|
</span>
|
|
|
- <span style="position: absolute; bottom: 0; left: 30%; color:white">
|
|
|
|
|
- <i class="el-icon-s-comment">112</i>
|
|
|
|
|
|
|
+ <span style="position: absolute; bottom: 0; left: 30%; color:blue">
|
|
|
|
|
+ <i class="el-icon-s-comment">121</i>
|
|
|
</span>
|
|
</span>
|
|
|
- <span style="position: absolute; bottom: 0; right: 0; color:white"> {{ audio.duration }} </span>
|
|
|
|
|
|
|
+ <span style="position: absolute; bottom: 0; right: 0; color:blue"> {{ audio.duration }} </span>
|
|
|
</div>
|
|
</div>
|
|
|
</router-link>
|
|
</router-link>
|
|
|
<div style="padding: 14px">
|
|
<div style="padding: 14px">
|
|
@@ -24,6 +24,9 @@
|
|
|
<span style="left: 0;margin-bottom: 0px;color: black;">{{ audio.title | ellipsis }}</span>
|
|
<span style="left: 0;margin-bottom: 0px;color: black;">{{ audio.title | ellipsis }}</span>
|
|
|
</router-link>
|
|
</router-link>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div style="padding: 14px">
|
|
|
|
|
+ <span style="left: 0;margin-bottom: 0px;color: black;">{{ audio.pubDate }}</span>
|
|
|
|
|
+ </div>
|
|
|
<div v-if="audio.user !== undefined && audio.user !== null" style="padding: 14px">
|
|
<div v-if="audio.user !== undefined && audio.user !== null" style="padding: 14px">
|
|
|
<span style="left: 0;margin-bottom: 0px;color: black;">
|
|
<span style="left: 0;margin-bottom: 0px;color: black;">
|
|
|
<router-link target="_blank" :to="`/user/${audio.user.userId}`"><i class="el-icon-user"> {{ audio.user.screenName }} </i></router-link> · {{ convertTimestamp(audio.pubDate) }}
|
|
<router-link target="_blank" :to="`/user/${audio.user.userId}`"><i class="el-icon-user"> {{ audio.user.screenName }} </i></router-link> · {{ convertTimestamp(audio.pubDate) }}
|