list-audio.wxss 657 B

12345678910111213141516171819202122232425262728293031323334353637383940414243
  1. /* components/list-audio/list-audio.wxss */
  2. .list {
  3. position: relative;
  4. margin-bottom: 32rpx;
  5. }
  6. .list .title {
  7. font-size: 24rpx;
  8. }
  9. .audio {
  10. position: relative;
  11. margin: 18rpx 0 10rpx;
  12. display: flex;
  13. align-items: center;
  14. justify-content: space-between;
  15. }
  16. .audio .audio-img {
  17. width:40rpx;
  18. height:40rpx;
  19. }
  20. .audio .free-MusicProgress {
  21. width:62%;
  22. height:8rpx;
  23. background: rgba(112, 112, 112, 0.5);
  24. border-radius: 6rpx;
  25. margin-right: 16rpx;
  26. position: relative;
  27. overflow: hidden;
  28. }
  29. .audio .free-MusicProgress .progress {
  30. height: 100%;
  31. background: #38A2D7;
  32. }
  33. .list .durationTime {
  34. font-size: 20rpx;
  35. color: #2F2414;
  36. }