feat:招聘

src/components/Content.vue

@@ -36,21 +36,23 @@ const isPC = (userAgent = navigator.userAgent) => {
 }
 
 
-const bodyScale = () => {
+ const bodyScale = () => {
-	if (isPC()) {
 		const devicewidth = document.documentElement.clientWidth// 获取当前分辨率下的可是区域宽度
 		const scale = devicewidth / 1920 // 分母——设计稿的尺寸
 		scaleva.value = scale
-	}
+	
 
 }
 onMounted(() => {
+	if (isPC()) {
 		bodyScale()
 	window.onresize = () => {
 		return (() => {
 			bodyScale()
 		})()
 	}
+	}
+	
 })
 </script>
 

src/components/NavContainer.vue

@@ -124,6 +124,10 @@
 			name: "contact",
 			type: '/'
 		},
+		{
+			name: "recruitment",
+			type: '/joblist'
+		},
 		{
 			name: "problem",
 			type: '/'

src/locales/en.json

@@ -3,6 +3,7 @@
 	"logoTitle": "Octop Rental",
 	"home.page":"Home page",
 	"home.service":"Merchant service",
+	"home.recruitment":"Recruitment",
 	"home.contact":"Contact us",
 	"home.problem":"Common problem",
 	"home.title.txt":"Leading credit pressure free platform",

src/locales/th.json

@@ -4,6 +4,7 @@
   "home.page":"หน้าแรก",
   "home.service":"บริการธุรกิจ",
   "home.contact":"ติดต่อเรา",
+	"home.recruitment":"รับสมัครงาน",
   "home.problem":"คำถามทั่วไป",
 	"home.title.txt":"แพลตฟอร์มยกเครดิตชั้นนำ",
 	"home.navigation":"นำทาง",

src/locales/zh.json

@@ -4,6 +4,7 @@
 	"home.page":"首页",
 	"home.service":"商户服务",
 	"home.contact":"联系我们",
+	"home.recruitment":"招聘",
 	"home.problem":"常见问题",
 	"home.title.txt":"领先的信用免押租赁平台",
 	"home.navigation":"导航",

src/pages/H5/Join/JobList.vue

@@ -1,6 +1,19 @@
 <template>
     <div class="content">
-			1111
+			<div class="listCont">
+				<img class="cardimg" src="../../../assets/images/job_back.png" alt="暂无图片" />
+				<div class="listCard">
+					<div class="listitem">
+						<div class="title">เจ้าหน้าที่ตรวจสอบสินเชื่อ</div>
+						<div class="salary">15,000 - 30,000 THB</div>
+						<div class="gojob">
+							<img class="gojob_logo" src="../../../assets/images/job_logo.png" alt="" />
+							<div class="gojob_but">คลิกดูด่วน</div>
+						</div>
+					</div>
+				</div>
+				<!-- <img src="url('../../../assets/images/job_back.png')" alt="" /> -->
+			</div>
 		</div>
 </template>
 
@@ -9,5 +22,62 @@
 
 </script>
 <style scoped lang="scss">
+  .content{
+		width: 100%;
+		margin: 50px 0 0;
+		.listCont{
+			margin: 0 auto;
+			width: 750px;
 			
+			.listCard{
+				width: 100%;
+				padding:0 20px;
+				position: relative;
+				top: -150px;
+				
+				.listitem{
+					background: #ffffff;
+					width: 100%;
+					height: 228px;
+					border-radius: 20px;
+					padding: 28px 40px;
+					.title{
+						font-family: Prompt, Prompt;
+						font-weight: bold;
+						font-size: 32px;
+						color: #333333;
+					}
+					.salary{
+						font-family: Prompt, Prompt;
+						font-weight: 600;
+						font-size: 28px;
+						color: #F32D2D;
+						margin-top: 6px;
+					}
+					.gojob{
+						display: flex;
+						justify-content: space-between;
+						align-items: center;
+						margin-top: 30px;
+						.gojob_logo{
+							width: 144px;
+							height: 41px;
+						}
+						.gojob_but{
+							width: 158px;
+							height: 52px;
+							background: rgba(38,127,250,0.15);
+							border-radius: 8px;
+							font-family: Prompt, Prompt;
+							font-size: 28px;
+							color: #267FFA;
+							line-height: 52px;
+							text-align: center;
+						}
+					}
+					
+				}
+			}
+		}
+	}
 </style>