page

src/App.vue

@@ -10,7 +10,7 @@
 import { onBeforeUnmount, onMounted, ref } from 'vue'
 import Two from 'two.js'
 import FireWorkListVue from './components/FireWorkList.vue'
-import homePage from './components/homePage.vue'
+import homePage from './homePage.vue'
 import game from './game'
 
 const el = ref()

src/components/OverPage.vue → src/OverPage.vue

@@ -24,12 +24,12 @@
 import { ref, reactive } from 'vue'
 import { useRoute, useRouter } from 'vue-router'
 
-import overImage from '../assets/TipsImage/3-4.png'
-import winTopImage from '../assets/RoundaboutImage/2-11.png'
-import loseTopImage from '../assets/RoundaboutImage/2-12.png'
-import tryAgain from '../assets/ButtonImage/再玩一次.png'
-import goShare from '../assets/ButtonImage/和好友一起玩.png'
-import goTop from '../assets/ButtonImage/排行榜.png'
+import overImage from './assets/TipsImage/3-4.png'
+import winTopImage from './assets/RoundaboutImage/2-11.png'
+import loseTopImage from './assets/RoundaboutImage/2-12.png'
+import tryAgain from './assets/ButtonImage/再玩一次.png'
+import goShare from './assets/ButtonImage/和好友一起玩.png'
+import goTop from './assets/ButtonImage/排行榜.png'
 export default {
   setup() {
     const route = useRoute() //跳转

src/components/TopRulePage.vue → src/TopRulePage.vue

@@ -12,13 +12,13 @@
       <div class="ruleImage-box">
         <img :src="TopImage" />
         <div class="Scroll-box">
-          <div class="Scroll-box-Content" v-for="(item,index) in Toplist" :key="index">
-            <div class="Scroll-box-Content-sum">{{item.sum}}</div>
-            <div class="Scroll-box-Content-name">{{item.name}}</div>
+          <div v-for="(item,index) in Toplist" :key="index" class="Scroll-box-Content">
+            <div class="Scroll-box-Content-sum">{{ item.sum }}</div>
+            <div class="Scroll-box-Content-name">{{ item.name }}</div>
             <img
               src="https://cn.bing.com/th?id=OVFT.JaWQdfSE_pzTsHLmGjbsgS&pid=News&w=197&h=112&c=14&rs=2&qlt=90"
             />
-            <div class="Scroll-box-Content-time">{{item.tiem}}</div>
+            <div class="Scroll-box-Content-time">{{ item.tiem }}</div>
           </div>
         </div>
       </div>
@@ -31,12 +31,12 @@
 
 <script>
 import { useRoute, useRouter } from 'vue-router'
-import ruleImage from '../assets/TipsImage/3-3.png'
-import IKnow from '../assets/ButtonImage/我知道了.png'
+import ruleImage from './assets/TipsImage/3-3.png'
+import IKnow from './assets/ButtonImage/我知道了.png'
 import { onMounted } from 'vue'
 
-import TopImage from '../assets/TipsImage/3-2.png'
-import GoHome from '../assets/ButtonImage/返回首页.png'
+import TopImage from './assets/TipsImage/3-2.png'
+import GoHome from './assets/ButtonImage/返回首页.png'
 export default {
   setup() {
     const route = useRoute()

src/components/componentsPages/BackPage.vue → src/components/BackPage.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script >
-import backHome from '../../assets/BackImage/backHome.jpg'
+import backHome from '../assets/BackImage/backHome.jpg'
 export default {
   name: 'BackPage',
   setup() {

src/components/homePage.vue → src/homePage.vue

@@ -9,7 +9,6 @@
         <img :src="gameTitle" />
       </div>
       <div class="bth-div">
-        <!-- <img src="../assets/index/开始游戏.png" class="bth-image" /> -->
         <img :src="gameSatrt" class="bth-image" @click="linkTo" />
         <img :src="gameRule" class="bth-image" @click="goRule" />
       </div>
@@ -19,19 +18,18 @@
 
 <script >
 import { useRouter } from 'vue-router'
-import backHome from '../assets/BackImage/backHome.jpg'
-import gameTitle from '../assets/BackImage/首页大标.png'
+import backHome from './assets/BackImage/backHome.jpg'
+import gameTitle from './assets/BackImage/首页大标.png'
 
-import gameSatrt from '../assets/ButtonImage/开始游戏.png'
-import gameRule from '../assets/ButtonImage/游戏规则.png'
-// import BackPage from './componentsPages/BackPage.vue'
+import gameSatrt from './assets/ButtonImage/开始游戏.png'
+import gameRule from './assets/ButtonImage/游戏规则.png'
 
 export default {
   setup() {
     const router = useRouter()
     const HomeStyle = {
       backgroundImage:
-        'url(' + require('../assets/BackImage/backHome.jpg') + ')',
+        'url(' + require('./assets/BackImage/backHome.jpg') + ')',
       backgroundRepeat: 'no-repeat',
       backgroundSize: '100% auto'
     }

src/main.js

@@ -2,7 +2,7 @@ import { createApp } from 'vue'
 import App from './App.vue'
 
 import router from './router'
-import BackPage from './components/componentsPages/BackPage.vue'
+import BackPage from './components/BackPage.vue'
 
 // 创建 App实例
 const app = createApp(App)

src/router/index.js

@@ -1,7 +1,7 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import homePage from '../components/homePage.vue'
-import OverPage from '../components/OverPage.vue'
-import TopRulePage from '../components/TopRulePage.vue'
+import homePage from '../homePage.vue'
+import OverPage from '../OverPage.vue'
+import TopRulePage from '../TopRulePage.vue'
 const routerHistory = createWebHistory()
 const routes = [
   {