fix: 修复跟读 loading 空白问题

lib/components/AudioPlayer/index.js

@@ -40,6 +40,10 @@ var _loading = require("../../assert/loading.gif");
 
 var _loading2 = _interopRequireDefault(_loading);
 
+var _btn_audio_play = require("../../assert/btn_audio_play.png");
+
+var _btn_audio_play2 = _interopRequireDefault(_btn_audio_play);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -159,7 +163,7 @@ var AudioPlayer = function (_React$Component) {
       } else if (isPlaying) {
         playIconElem = _react2.default.createElement(_icon2.default, { className: "pause", type: "pause" });
       } else {
-        playIconElem = _react2.default.createElement("i", { className: "schedule schedule-icon_image_audio" });
+        playIconElem = _react2.default.createElement("img", { className: "icon-loading", src: _btn_audio_play2.default, alt: "iconPlaying" });
       }
       return playIconElem;
     }

src/components/AudioPlayer/index.js

@@ -5,6 +5,7 @@ import durationPlugin from "dayjs/plugin/duration";
 import utcPlugin from "dayjs/plugin/utc";
 import "./index.less";
 import iconLoading from "../../assert/loading.gif";
+import btnAudioPlay from "../../assert/btn_audio_play.png";
 
 dayjs.extend(durationPlugin);
 dayjs.extend(utcPlugin);
@@ -88,7 +89,9 @@ class AudioPlayer extends React.Component {
     } else if (isPlaying) {
       playIconElem = <Icon className="pause" type="pause" />;
     } else {
-      playIconElem = <i className="schedule schedule-icon_image_audio" />;
+      playIconElem = (
+        <img className="icon-loading" src={btnAudioPlay} alt="iconPlaying" />
+      );
     }
     return playIconElem;
   }