图表base64

src/views/coursewarePlay/component/points.tsx

@@ -1,12 +1,11 @@
 import { defineComponent, reactive, watch } from 'vue'
 import styles from './point.module.less'
-import iconMulv from '../image/icon-mulv.svg'
-import iconArrow from '../image/icon-arrow.svg'
+import { iconMulv, iconArrow} from '../image/icons.json'
 import iconZhibo from '../image/icon-load.gif'
 import { iconImage, iconImageActive, iconVideo, iconVideoActive, iconSong, iconSongActive } from '../image/icons.json'
 import { Collapse, CollapseItem, Icon, Image } from 'vant'
 export default defineComponent({
-  name: 'points',
+  name: 'points-list',
   props: {
     data: {
       type: Array,

src/views/coursewarePlay/component/video-item/index.tsx

@@ -3,11 +3,7 @@ import 'plyr/dist/plyr.css'
 import Plyr from 'plyr'
 import styles from './index.module.less'
 
-import iconLoop from '../../image/icon-loop.svg'
-import iconLoopActive from '../../image/icon-loop-active.svg'
-import iconplay from '../../image/icon-play.svg'
-import iconpause from '../../image/icon-pause.svg'
-import { iconVideoBg } from '../../image/icons.json'
+import { iconVideoBg, iconLoop, iconLoopActive, iconPlay,  iconPause } from '../../image/icons.json'
 
 export default defineComponent({
   name: 'video-play',
@@ -104,8 +100,8 @@ export default defineComponent({
                     <div class="${styles.actionWrap}">
                         <button id="${playBtnId}" class="${styles.actionBtn}">
                             <div class="van-loading van-loading--circular" aria-live="polite" aria-busy="true"><span class="van-loading__spinner van-loading__spinner--circular" style="color: rgb(255, 255, 255);"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span></div>
-                            <img class="${styles.playIcon}" src="${iconplay}" />
-                            <img class="${styles.playIcon}" src="${iconpause}" />
+                            <img class="${styles.playIcon}" src="${iconPlay}" />
+                            <img class="${styles.playIcon}" src="${iconPause}" />
                         </button>
                         <button id="${loopBtnId}" class="${styles.actionBtn} ${styles.loopBtn}">
                             <img class="loop" src="${iconLoop}" />

src/views/coursewarePlay/index.tsx

@@ -18,12 +18,9 @@ import { state } from '@/state'
 import { useRoute } from 'vue-router'
 import { postMessage, promisefiyPostMessage } from '@/helpers/native-message'
 import MusicScore from './component/musicScore'
-import iconMenu from './image/icon-menu.svg'
 import iconDian from './image/icon-dian.svg'
-import iconTouping from './image/icon-touping.svg'
 import iconPoint from './image/icon-point.svg'
-import iconUp from './image/icon-up.svg'
-import iconDown from './image/icon-down.svg'
+import { iconUp, iconDown, iconPen, iconTouping, iconMenu } from './image/icons.json'
 import Points from './component/points'
 import { browser } from '@/helpers/utils'
 import { Vue3Lottie } from 'vue3-lottie'
@@ -34,7 +31,6 @@ import { handleCheckVip } from '../hook/useFee'
 import OGuide from '@/components/o-guide'
 import Tool, { ToolItem, ToolType } from './component/tool'
 import Pen from './component/tools/pen'
-import iconPen from './image/icon-pen.png'
 import VideoItem from './component/video-item'
 
 export default defineComponent({