Refactor API requests and update component imports

pages/home/components/MainContent.vue

@@ -11,7 +11,7 @@
       <LoginForm />
     </div>
     <div class="box-border h-56px w-1219px flex items-center border border-[#EEEEEE] border-solid border-t-none bg-[#FFFFFF] pl-10px line-height-46px">
-      <img src="@/assets/images/voice.png" alt="" srcset="" class="mr-10px h-15px w-16px" />
+      <img src="~/assets/images/voice.png" alt="" srcset="" class="mr-10px h-15px w-16px" />
       <Vue3Marquee :duration="10" direction="normal" pause-on-hover>· 经典来袭，SolidWorks装配经典案例之气动发动机 </Vue3Marquee>
     </div>
   </div>
@@ -21,8 +21,8 @@
   import { reactive, ref } from 'vue'
   import LoginForm from './LoginForm.vue'
 
-  import { getSettingPage } from '@/api/home/index'
-  import { PageResultIndexSettingRespVO } from '@/api/home/type'
+  import { getSettingPage } from '~/api/home/index'
+  import type { PageResultIndexSettingRespVO } from '~/api/home/type'
 
   const pageReq = reactive({
     type: 1,
@@ -40,7 +40,7 @@
 
   const handleClick = (url: string) => {
     if (url) {
-      window.open(url, '_blank')
+      navigateTo(url)
     }
   }
 </script>