diff --git a/app.json b/app.json
index 777e9bc..fc7085a 100644
--- a/app.json
+++ b/app.json
@@ -22,6 +22,7 @@
     "pages/complaintList/complaintList",
     "pages/viewApplicationKeyUser/viewApplicationKeyUser",
     "pages/viewPersonFace/viewPersonFace",
+    "pages/collectFace/collectFace",
     "pages/complaint/complaint",
     "pages/viewComplaint/viewComplaint"
 
diff --git a/images/camera.png b/images/camera.png
new file mode 100644
index 0000000..a6d382f
Binary files /dev/null and b/images/camera.png differ
diff --git a/pages/collectFace/collectFace.js b/pages/collectFace/collectFace.js
new file mode 100644
index 0000000..11e6287
--- /dev/null
+++ b/pages/collectFace/collectFace.js
@@ -0,0 +1,77 @@
+// pages/collectFace/collectFace.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    src:''
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  },
+  takePhoto:function() {
+    const ctx = wx.createCameraContext()
+    ctx.takePhoto({
+      quality: 'high',
+      success: (res) => {
+        this.setData({
+          src: res.tempImagePath
+        })
+      }
+    })
+  }
+})
\ No newline at end of file
diff --git a/pages/collectFace/collectFace.json b/pages/collectFace/collectFace.json
new file mode 100644
index 0000000..664ed80
--- /dev/null
+++ b/pages/collectFace/collectFace.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "采集人脸"
+}
\ No newline at end of file
diff --git a/pages/collectFace/collectFace.wxml b/pages/collectFace/collectFace.wxml
new file mode 100644
index 0000000..758b04c
--- /dev/null
+++ b/pages/collectFace/collectFace.wxml
@@ -0,0 +1,10 @@
+<view>
+  <camera mode="normal" device-position="front" flash="auto" binderror="error" style="width: 100%; height: 800rpx;">
+    <cover-view class="controls">
+        <cover-image class="img" src="../../images/camera.png" style="width:100%; height:100%"/>
+    </cover-view>
+
+    <cover-view class="cf_text_na">拿起手机，面向手机</cover-view>
+  </camera>
+  <button type="primary" bindtap="takePhoto">人脸采集</button>
+</view>
diff --git a/pages/collectFace/collectFace.wxss b/pages/collectFace/collectFace.wxss
new file mode 100644
index 0000000..49e41c9
--- /dev/null
+++ b/pages/collectFace/collectFace.wxss
@@ -0,0 +1,16 @@
+.controls {
+  position: relative;
+  display: flex;
+}
+.cf_text_na{
+
+  font-size: 48rpx;
+  text-align: center;
+  margin:80rpx 0rpx;
+  font-display: 700;
+}
+.noticeTXT{
+  font-size: 10PX;
+  color: rgb(12, 242, 240);
+  text-align: center
+}
\ No newline at end of file
diff --git a/pages/viewPersonFace/viewPersonFace.js b/pages/viewPersonFace/viewPersonFace.js
index ae99382..5ec8f5d 100644
--- a/pages/viewPersonFace/viewPersonFace.js
+++ b/pages/viewPersonFace/viewPersonFace.js
@@ -69,6 +69,9 @@ Page({
   collectFace:function(){
     //采集人脸
     console.log('采集人脸');
+    wx.navigateTo({
+      url: '/pages/collectFace/collectFace',
+    })
   },
   /**
    * 查询业主人脸