更换图片

src/components/card-preview/song-modal/index.tsx

@@ -1,8 +1,8 @@
 import { defineComponent, reactive, ref, nextTick } from 'vue';
 import styles from './index.module.less';
-import iconplay from '@views/attend-class/image/icon-pause.svg';
-import iconpause from '@views/attend-class/image/icon-play.svg';
-import iconReplay from '@views/attend-class/image/icon-replay.svg';
+import iconplay from '@views/attend-class/image/icon-pause.png';
+import iconpause from '@views/attend-class/image/icon-play.png';
+import iconReplay from '@views/attend-class/image/icon-replay.png';
 import { NSlider } from 'naive-ui';
 import Vudio from 'vudio.js';
 import tickMp3 from '@views/attend-class/image/tick.mp3';

src/components/card-preview/video-modal/index.tsx

@@ -3,9 +3,9 @@ import 'plyr/dist/plyr.css';
 import Plyr from 'plyr';
 import { ref } from 'vue';
 import styles from './index.module.less';
-import iconplay from '@views/attend-class/image/icon-pause.svg';
-import iconpause from '@views/attend-class/image/icon-play.svg';
-import iconReplay from '@views/attend-class/image/icon-replay.svg';
+import iconplay from '@views/attend-class/image/icon-pause.png';
+import iconpause from '@views/attend-class/image/icon-play.png';
+import iconReplay from '@views/attend-class/image/icon-replay.png';
 
 export default defineComponent({
   name: 'video-play',

src/views/attend-class/component/audio-pay copy.tsx

@@ -1,8 +1,8 @@
 import { defineComponent, onMounted, toRefs, reactive } from 'vue';
 import styles from './audio.module.less';
 import WaveSurfer from 'wavesurfer.js';
-import iconplay from '../image/icon-pause.svg';
-import iconpause from '../image/icon-play.svg';
+import iconplay from '../image/icon-pause.png';
+import iconpause from '../image/icon-play.png';
 import { NSlider } from 'naive-ui';
 
 export default defineComponent({

src/views/attend-class/component/audio-pay.tsx

@@ -1,8 +1,8 @@
 import { defineComponent, reactive, ref, nextTick } from 'vue';
 import styles from './audio.module.less';
-import iconplay from '../image/icon-pause.svg';
-import iconpause from '../image/icon-play.svg';
-import iconReplay from '../image/icon-replay.svg';
+import iconplay from '../image/icon-pause.png';
+import iconpause from '../image/icon-play.png';
+import iconReplay from '../image/icon-replay.png';
 import { NSlider } from 'naive-ui';
 import Vudio from 'vudio.js';
 import tickMp3 from '../image/tick.mp3';

src/views/attend-class/component/video-play.tsx

@@ -3,9 +3,9 @@ import 'plyr/dist/plyr.css';
 import Plyr from 'plyr';
 import { ref } from 'vue';
 import styles from './video.module.less';
-import iconplay from '../image/icon-pause.svg';
-import iconpause from '../image/icon-play.svg';
-import iconReplay from '../image/icon-replay.svg';
+import iconplay from '../image/icon-pause.png';
+import iconpause from '../image/icon-play.png';
+import iconReplay from '../image/icon-replay.png';
 
 export default defineComponent({
   name: 'video-play',

src/views/attend-class/image/icon-down.svg

@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>切片</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="50、上课页面" transform="translate(-1844.000000, -600.000000)">
-            <g id="编组-5备份" transform="translate(1844.000000, 420.000000)">
-                <g id="课件/下一个/亮" transform="translate(0.000000, 180.000000)">
-                    <rect id="矩形" fill="#000000" opacity="0.300000012" x="0" y="0" width="60" height="60" rx="12"></rect>
-                    <polyline id="Stroke-1" stroke="#FFFFFF" stroke-width="5.65714286" stroke-linecap="round" stroke-linejoin="round" transform="translate(30.142857, 30.142857) rotate(-90.000000) translate(-30.142857, -30.142857) " points="37.4285714 44.2857143 22.8571429 30.1428571 37.4285714 16"></polyline>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

src/views/attend-class/image/icon-menu.svg

@@ -1,27 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="60px" height="60px" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>切片</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="50、上课页面" transform="translate(-1844.000000, -510.000000)">
-            <g id="编组-5备份" transform="translate(1844.000000, 420.000000)">
-                <g id="编组-16备份" transform="translate(0.000000, 90.000000)">
-                    <rect id="矩形" fill="#000000" opacity="0.300000012" x="0" y="0" width="60" height="60" rx="12"></rect>
-                    <g id="编组-2" transform="translate(12.000000, 16.500000)" fill="#FFFFFF">
-                        <g id="编组">
-                            <circle id="椭圆形" cx="2.5" cy="2.5" r="2.5"></circle>
-                            <rect id="矩形" x="9" y="0" width="27" height="5" rx="2.5"></rect>
-                        </g>
-                        <g id="编组备份" transform="translate(0.000000, 11.000000)">
-                            <circle id="椭圆形" cx="2.5" cy="2.5" r="2.5"></circle>
-                            <rect id="矩形" x="9" y="0" width="27" height="5" rx="2.5"></rect>
-                        </g>
-                        <g id="编组备份-2" transform="translate(0.000000, 22.000000)">
-                            <circle id="椭圆形" cx="2.5" cy="2.5" r="2.5"></circle>
-                            <rect id="矩形" x="9" y="0" width="27" height="5" rx="2.5"></rect>
-                        </g>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

src/views/attend-class/image/icon-pause.svg

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="82px" height="82px" viewBox="0 0 82 82" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 2</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="55、音频预览" transform="translate(-40.000000, -964.000000)">
-            <g id="编组-2" transform="translate(40.000000, 964.000000)">
-                <rect id="矩形" fill="#198CFE" x="0" y="0" width="82" height="82" rx="26"></rect>
-                <path d="M47.5235354,31.5921662 L58.7428246,49.0443939 C59.6387812,50.438104 59.2352721,52.2942456 57.841562,53.1902021 C57.35767,53.5012755 56.7945441,53.6666667 56.2192892,53.6666667 L33.7807108,53.6666667 C32.1238565,53.6666667 30.7807108,52.3235209 30.7807108,50.6666667 C30.7807108,50.0914118 30.9461019,49.5282859 31.2571754,49.0443939 L42.4764646,31.5921662 C43.3724211,30.1984561 45.2285626,29.7949471 46.6222728,30.6909036 C46.9837807,30.9233015 47.2911375,31.2306583 47.5235354,31.5921662 Z" id="三角形" fill="#FFFFFF" transform="translate(45.000000, 40.666667) rotate(-270.000000) translate(-45.000000, -40.666667) "></path>
-            </g>
-        </g>
-    </g>
-</svg>

src/views/attend-class/image/icon-play.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="82px" height="82px" viewBox="0 0 82 82" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 2</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="54、视频预览1" transform="translate(-40.000000, -964.000000)">
-            <g id="编组-2" transform="translate(40.000000, 964.000000)">
-                <rect id="矩形" fill="#198CFE" x="0" y="0" width="82" height="82" rx="26"></rect>
-                <g id="编组-3" transform="translate(27.000000, 27.000000)" fill="#FFFFFF">
-                    <rect id="矩形" x="0" y="0" width="8" height="28" rx="4"></rect>
-                    <rect id="矩形备份-85" x="20" y="0" width="8" height="28" rx="4"></rect>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

src/views/attend-class/image/icon-replay.svg

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="41px" height="39px" viewBox="0 0 41 39" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>编组 4</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="55、音频预览" transform="translate(-1608.000000, -985.000000)" fill="#FFFFFF">
-            <g id="编组-4" transform="translate(1609.000000, 985.000000)">
-                <g id="重播" transform="translate(0.000000, 1.739352)" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.559639224">
-                    <path d="M17.9791266,0 C7.98273221,0 0,8.04986389 0,18.1303241 C0,28.2107843 7.98273221,36.2606481 17.9791266,36.2606481 C27.975521,36.2606481 35.9582532,28.2107843 35.9582532,18.1303241 C35.9582532,17.1150259 35.2930255,16.4442039 34.2861944,16.4442039 C33.2793633,16.4442039 32.6141356,17.1150259 32.6141356,18.1303241 C32.6141356,26.180188 25.9618588,32.9065382 17.9611475,32.9065382 C9.97841526,32.9065382 3.30815929,26.1983183 3.30815929,18.1303241 C3.30815929,10.0804602 9.96043613,3.35410995 17.9611475,3.35410995 C20.6220582,3.35410995 23.6245723,4.02493194 25.6202554,5.71105208 L27.9395627,3.02776412 C24.9730068,1.01529815 21.6468684,0 17.9791266,0 Z" id="路径"></path>
-                </g>
-                <path d="M21.1011222,16.6253209 L24.9218621,22.9401158 C25.4018636,23.7334466 25.1478599,24.7656864 24.3545291,25.2456878 C24.0923753,25.4043029 23.7918135,25.488153 23.4854096,25.488153 L15.8439298,25.488153 C14.9166892,25.488153 14.1650121,24.7364759 14.1650121,23.8092353 C14.1650121,23.5028314 14.2488622,23.2022696 14.4074773,22.9401158 L18.2282172,16.6253209 C18.7082186,15.8319901 19.7404584,15.5779865 20.5337892,16.0579879 C20.7659718,16.198469 20.9606411,16.3931384 21.1011222,16.6253209 Z" id="三角形" transform="translate(19.664670, 19.869676) rotate(-270.000000) translate(-19.664670, -19.869676) "></path>
-                <path d="M32.0108342,5.53932276 L35.7963766,11.8570123 C36.2729684,12.6523961 36.0145365,13.6835361 35.2191527,14.160128 C34.96034,14.3152078 34.664519,14.3976774 34.3628033,14.3988629 L26.741813,14.4288062 C25.8145795,14.4324493 25.0599549,13.6837314 25.0563117,12.7564979 C25.0551004,12.4481956 25.1388048,12.1455124 25.2982468,11.8816372 L29.1336947,5.53400439 C29.6132238,4.74038796 30.6453121,4.48576984 31.4389286,4.96529892 C31.6735706,5.10707734 31.8699242,5.30415816 32.0108342,5.53932276 Z" id="三角形备份" transform="translate(30.532284, 8.793212) rotate(125.000000) translate(-30.532284, -8.793212) "></path>
-            </g>
-        </g>
-    </g>
-</svg>

src/views/attend-class/index.tsx

@@ -10,9 +10,9 @@ import {
 import styles from './index.module.less';
 import 'plyr/dist/plyr.css';
 import MusicScore from './component/musicScore';
-import iconMenu from './image/icon-menu.svg';
-import iconUp from './image/icon-up.svg';
-import iconDown from './image/icon-down.svg';
+import iconMenu from './image/icon-menu.png';
+import iconUp from './image/icon-up.png';
+import iconDown from './image/icon-down.png';
 import iconNote from './image/icon-note.png';
 import iconWhiteboard from './image/icon-whiteboard.png';
 import iconAssignHomework from './image/icon-assignHomework.svg';