|
|
@@ -40,10 +40,16 @@
|
|
|
<view class="van-multi-ellipsis--l2 sub-title">{{item.title}}</view>
|
|
|
<view class="update-time">更新至：{{formatChapterTime(item.publish_time,'year-month-day')}}</view>
|
|
|
<view
|
|
|
- :class="['audio-icon-box',curAudioReportId==reportId&&!curAudioPaused&&curAudioUrl==item.video_url?'audio-icon-box_active':'']"
|
|
|
+ class="audio-icon-box"
|
|
|
v-if="info.report_info.classify_name_first=='周报'&&item.is_close==0"
|
|
|
@click.stop="handlePlayWeekAudio(item)"
|
|
|
- ></view>
|
|
|
+ >
|
|
|
+ <image
|
|
|
+ class="icon"
|
|
|
+ :src="curAudioReportId==reportId&&!curAudioPaused&&curAudioUrl==item.video_url?'./static/a-play.png':'./static/a-pause.png'"
|
|
|
+ mode="aspectFill"
|
|
|
+ />
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -552,15 +558,20 @@ export default {
|
|
|
}
|
|
|
.audio-icon-box{
|
|
|
position: absolute;
|
|
|
- top: 0;
|
|
|
+ top: 50%;
|
|
|
right: 0;
|
|
|
- width: 44rpx;
|
|
|
- height: 44rpx;
|
|
|
- background-image: url('./static/audio-pause.png');
|
|
|
- background-size: cover;
|
|
|
- }
|
|
|
- .audio-icon-box_active{
|
|
|
- background-image: url('./static/audio-play.png');
|
|
|
+ width: 60rpx;
|
|
|
+ height: 56rpx;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ background: linear-gradient(180deg, #F3A52F 0%, #E3B377 100%);
|
|
|
+ border-radius: 12rpx;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ .icon{
|
|
|
+ width: 40rpx;
|
|
|
+ height: 40rpx;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|
