diff --git a/public/images/scene01.png b/public/images/scene01.png new file mode 100644 index 0000000..b6892ac Binary files /dev/null and b/public/images/scene01.png differ diff --git a/public/images/scene02.jpg b/public/images/scene02.jpg new file mode 100644 index 0000000..06b1b90 Binary files /dev/null and b/public/images/scene02.jpg differ diff --git a/public/images/scene03.png b/public/images/scene03.png new file mode 100644 index 0000000..61c585e Binary files /dev/null and b/public/images/scene03.png differ diff --git a/public/images/scene04.png b/public/images/scene04.png new file mode 100644 index 0000000..91fb291 Binary files /dev/null and b/public/images/scene04.png differ diff --git a/public/images/scene05.png b/public/images/scene05.png new file mode 100644 index 0000000..766fcaa Binary files /dev/null and b/public/images/scene05.png differ diff --git a/public/images/scene06.png b/public/images/scene06.png new file mode 100644 index 0000000..9c51b0c Binary files /dev/null and b/public/images/scene06.png differ diff --git a/public/images/scene07.png b/public/images/scene07.png new file mode 100644 index 0000000..7a0116a Binary files /dev/null and b/public/images/scene07.png differ diff --git a/public/images/scene08.png b/public/images/scene08.png new file mode 100644 index 0000000..237d20a Binary files /dev/null and b/public/images/scene08.png differ diff --git a/src/assets/images/scene01.jpg b/src/assets/images/scene01.jpg deleted file mode 100644 index 46ae5fa..0000000 Binary files a/src/assets/images/scene01.jpg and /dev/null differ diff --git a/src/assets/images/scene02.jpg b/src/assets/images/scene02.jpg deleted file mode 100644 index e8b5918..0000000 Binary files a/src/assets/images/scene02.jpg and /dev/null differ diff --git a/src/assets/images/scene03.jpeg b/src/assets/images/scene03.jpeg deleted file mode 100644 index af6c08c..0000000 Binary files a/src/assets/images/scene03.jpeg and /dev/null differ diff --git a/src/assets/images/scene04.png b/src/assets/images/scene04.png deleted file mode 100644 index bb99352..0000000 Binary files a/src/assets/images/scene04.png and /dev/null differ diff --git a/src/assets/images/scene05.jpg b/src/assets/images/scene05.jpg deleted file mode 100644 index 3eb652f..0000000 Binary files a/src/assets/images/scene05.jpg and /dev/null differ diff --git a/src/assets/images/scene06.png b/src/assets/images/scene06.png deleted file mode 100644 index 0b5f403..0000000 Binary files a/src/assets/images/scene06.png and /dev/null differ diff --git a/src/assets/images/scene07.png b/src/assets/images/scene07.png deleted file mode 100644 index 9a16488..0000000 Binary files a/src/assets/images/scene07.png and /dev/null differ diff --git a/src/assets/images/scene08.jpg b/src/assets/images/scene08.jpg deleted file mode 100644 index ce52ccd..0000000 Binary files a/src/assets/images/scene08.jpg and /dev/null differ diff --git a/src/pages/scene/cover.tsx b/src/pages/scene/cover.tsx index 9fdf83e..2605528 100644 --- a/src/pages/scene/cover.tsx +++ b/src/pages/scene/cover.tsx @@ -1,15 +1,7 @@ import React, { useEffect, useState } from 'react'; import styles from '@/pages/scene/style/cover.module.less'; import { Image, Modal, List } from '@arco-design/web-react'; -import scene01 from '@/public/assets/scene01.png'; -// import scene02 from '@/public/assets/scene02.jpg'; -// import scene03 from '@/public/assets/scene03.png'; -import scene04 from '@/public/assets/scene04.png'; -import scene07 from '@/public/assets/scene07.png'; -// import scene08 from '@/public/assets/scene08.png'; -import { getImageUrl } from '@/utils/pubUse'; - -const imageList = [scene01, scene04, scene07]; +import { getImageUrl, imageList } from '@/utils/pubUse'; interface CoverProps { defaultImage?: string; @@ -25,9 +17,10 @@ const Cover: React.FC = ({ defaultImage, onImageChange }) => { setCurrentImage(getImageUrl(defaultImage)); } else { - const imageRandom = Math.floor(Math.random() * imageList.length); - setCurrentImage(imageList[imageRandom].src); - onImageChange(imageList[imageRandom].src); + const imageKey = Math.floor(Math.random() * Object.keys(imageList).length); + const imageRandom = Object.keys(imageList)[imageKey]; + setCurrentImage(imageList[imageRandom]); + onImageChange(imageList[imageRandom]); } }, [defaultImage]); @@ -56,7 +49,6 @@ const Cover: React.FC = ({ defaultImage, onImageChange }) => { { return ( diff --git a/src/utils/pubUse.ts b/src/utils/pubUse.ts index cdac326..9a9b0dc 100644 --- a/src/utils/pubUse.ts +++ b/src/utils/pubUse.ts @@ -1,21 +1,19 @@ -import scene01 from '@/public/assets/scene01.png'; -// import scene02 from '@/public/assets/scene02.jpg'; -// import scene03 from '@/public/assets/scene03.png'; -import scene04 from '@/public/assets/scene04.png'; -// import scene05 from '@/public/assets/scene05.png'; -import scene06 from '@/public/assets/scene06.png'; -import scene07 from '@/public/assets/scene07.png'; -// import scene08 from '@/public/assets/scene08.png'; - -const imageList: any[] = [scene01, scene04, scene06, scene07]; +export const imageList = { + 'scene01': '/images/scene01.png', + 'scene02': '/images/scene02.jpg', + 'scene03': '/images/scene03.png', + 'scene04': '/images/scene04.png', + 'scene05': '/images/scene05.png', + 'scene06': '/images/scene06.png', + 'scene07': '/images/scene07.png', + 'scene08': '/images/scene08.png' +}; // 获取assets静态资源 export function getImageUrl(imageName: string) { let imageUrl; const name = imageName.split('.')[0]; - imageList.forEach((url: any) => { - if (url.src.includes(name)) imageUrl = url.src; - }); + if (imageList[name]) imageUrl = imageList[name]; return imageUrl; }