fix:判断pc

index.html

@@ -6,9 +6,10 @@
 		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
 		<meta http-equiv="Pragma" content="no-cache">
 		<meta http-equiv="Expires" content="0">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
 		<meta name="description" content="เช่าทุกอย่างบนOctopRental">
 		<meta name="keywords" content="Octopus,Octop,OctopRental,Octop Rental,Octopus Rent,Rent iPhone,Zero deposit,OctopusTech,ปลาหมึกเร้นทอล,ปลาหมึก,เช่าไอโฟน,ให้เช่า,การผ่อนชำระค่โทรศัพท์มือถือ,章鱼租,章鱼租机">
+		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
     <link rel="apple-touch-icon-precomposed" href="https://static.octoprental.com/20250424/43471633-0064-4024-9106-b3f4017a5aed"/>
 		<title>Octop Rental</title>
   </head>

src/components/Content.vue

@@ -19,12 +19,31 @@
 import Footer from './Footer.vue'
 import { RouterView } from 'vue-router'
 import { ref, onMounted } from 'vue';
-	const scaleva = ref()
+const scaleva = ref();
+
+const isPC = (userAgent = navigator.userAgent) => {
+	const ua = userAgent.toLowerCase();
+	// 移动设备关键词（优先排除）
+	const mobilePattern = /android|iphone|ipad|ipod|windows phone|blackberry|symbian|mobile|tablet|touch|fennec|ucbrowser mini|opera mobi/i;
+	// 若包含移动设备特征，直接返回false
+	if (mobilePattern.test(ua)) {
+		return false;
+	}
+	// PC设备操作系统关键词
+	const pcPattern = /windows nt|macintosh|linux x86_64|freebsd|openbsd/i;
+	// 验证是否包含PC特征
+	return pcPattern.test(ua);
+}
+
+
 const bodyScale = () => {
+	if (isPC()) {
 		const devicewidth = document.documentElement.clientWidth// 获取当前分辨率下的可是区域宽度
 		const scale = devicewidth / 1920 // 分母——设计稿的尺寸
 		scaleva.value = scale
 	}
+
+}
 onMounted(() => {
 	bodyScale()
 	window.onresize = () => {

src/pages/H5/Join/JobDetail.vue

@@ -0,0 +1,11 @@
+<template>
+    <div>111</div>
+</template>
+
+<script lang="ts" setup name="join">
+    	import { ref } from 'vue';
+        
+</script>
+<style scoped lang="scss">
+
+</style>

src/pages/H5/Join/JobList.vue

@@ -0,0 +1,13 @@
+<template>
+    <div class="content">111</div>
+</template>
+
+<script lang="ts" setup name="join">
+    	import { ref } from 'vue';
+
+</script>
+<style scoped lang="scss">
+    .content {
+        // font-size: 1rem;
+    }
+</style>

src/router/index.ts

@@ -1,14 +1,16 @@
 //创建路由器，并暴露出去
 
 // 第一步 引入createRouter
-import {createRouter,createWebHistory} from "vue-router"
+import {createRouter,createWebHistory} from "vue-router";
 //引入可能呈现的组件
-import NavContainer from '@/components/NavContainer.vue'
-import Preson from '@/components/Preson.vue'
-import Home from '@/components/Home.vue'
-import Service from '@/components/Service.vue'
-import Contact from '@/components/Contact.vue'
-import Problem from '@/components/Problem.vue'
+import NavContainer from '@/components/NavContainer.vue';
+import Preson from '@/components/Preson.vue';
+import Home from '@/components/Home.vue';
+import Service from '@/components/Service.vue';
+import Contact from '@/components/Contact.vue';
+import Problem from '@/components/Problem.vue';
+import JobList from "@/pages/H5/Join/JobList.vue";
+import JobDetail from "@/pages/H5/Join/JobDetail.vue";
 
 // 第二步 创建路由器
 const router = createRouter({
@@ -37,6 +39,12 @@ const router = createRouter({
 		{
 			path:'/Problem',
 			component:Problem
+		},	{
+			path:'/joblist',
+			component: JobList
+		},{
+			path:'/jobdetail',
+			component: JobDetail
 		},
 		
 	]