first commit

pages/recruit/recruit.js

@@ -0,0 +1,78 @@
+// pages/recruit/recruit.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+data: {
+    jobs: [
+      {
+        title: "软件工程师",
+        salary: "10k-15k",
+        date: "2024-01-01",
+        detail: "技术栈JAVA、Golang"
+      },
+      {
+        title: "产品经理",
+        salary: "12k-20k",
+        date: "2024-01-02",
+        detail: "产品经理"
+      },
+    ]
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

pages/recruit/recruit.json

@@ -0,0 +1,5 @@
+{
+  "usingComponents": {},
+  "navigationBarTextStyle": "white",
+  "navigationBarTitleText": "招聘"
+}

pages/recruit/recruit.wxml

@@ -0,0 +1,18 @@
+<view class="jobs-page">
+  <!-- 招聘列表 -->
+  <view class="job-list">
+    <!-- 循环遍历招聘数据 -->
+    <block wx:for="{{jobs}}" wx:key="unique">
+      <view class="job-card">
+        <view class="job-header">
+          <text class="job-title">{{item.title}}</text>
+          <text class="job-salary">{{item.salary}}</text>
+        </view>
+        <view class="job-info">
+          <text class="job-date">发布日期:{{item.date}}</text>
+          <text class="job-detail">概述:{{item.detail}}</text>
+        </view>
+      </view>
+    </block>
+  </view>
+</view>

pages/recruit/recruit.wxss

@@ -0,0 +1,39 @@
+.jobs-page {
+  padding: 20rpx;
+}
+
+.job-list .job-card {
+  background-color: white;
+  border-radius: 10px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  margin: 10px 0;
+  padding: 20px;
+}
+
+.job-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+.job-title {
+  font-size: 18px;
+  font-weight: bold;
+}
+
+.job-salary {
+  font-size: 16px;
+  color: #ff5722;
+}
+
+.job-info .job-date {
+  font-size: 14px;
+  color: #999;
+}
+
+.job-info .job-detail {
+  font-size: 14px;
+  color: #666;
+  margin-top: 5px;
+}