diff --git a/app.json b/app.json
index ecbb720..777e9bc 100644
--- a/app.json
+++ b/app.json
@@ -86,7 +86,8 @@
     "van-tabs": "lib/tabs/index",
     "van-grid": "lib/grid/index",
     "van-grid-item": "lib/grid-item/index",
-    "van-divider": "lib/divider/index"
+    "van-divider": "lib/divider/index",
+    "van-image": "lib/image/index"
   },
   "sitemapLocation": "sitemap.json"
 }
\ No newline at end of file
diff --git a/pages/viewPersonFace/viewPersonFace.js b/pages/viewPersonFace/viewPersonFace.js
index 321d178..ae99382 100644
--- a/pages/viewPersonFace/viewPersonFace.js
+++ b/pages/viewPersonFace/viewPersonFace.js
@@ -5,14 +5,17 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+      face:null,
+      btnValue:"采集人脸"
   },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad: function (options) {
-
+      this.setData({
+        face:'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1578300447436&di=e20a0afaadbfd1c48b9de834c35da9ee&imgtype=0&src=http%3A%2F%2F00.minipic.eastday.com%2F20170524%2F20170524155526_e561e179dc10040e208de068f528e3b3_3.jpeg'
+      });
   },
 
   /**
@@ -26,7 +29,7 @@ Page({
    * 生命周期函数--监听页面显示
    */
   onShow: function () {
-
+      this.loadOwnerFace();
   },
 
   /**
@@ -62,5 +65,15 @@ Page({
    */
   onShareAppMessage: function () {
 
+  },
+  collectFace:function(){
+    //采集人脸
+    console.log('采集人脸');
+  },
+  /**
+   * 查询业主人脸
+   */
+  loadOwnerFace:function(){
+
   }
 })
\ No newline at end of file
diff --git a/pages/viewPersonFace/viewPersonFace.json b/pages/viewPersonFace/viewPersonFace.json
index 8835af0..f4ce6d2 100644
--- a/pages/viewPersonFace/viewPersonFace.json
+++ b/pages/viewPersonFace/viewPersonFace.json
@@ -1,3 +1,3 @@
 {
-  "usingComponents": {}
+  "navigationBarTitleText": "人脸"
 }
\ No newline at end of file
diff --git a/pages/viewPersonFace/viewPersonFace.wxml b/pages/viewPersonFace/viewPersonFace.wxml
index c1ca3e2..db5a1ad 100644
--- a/pages/viewPersonFace/viewPersonFace.wxml
+++ b/pages/viewPersonFace/viewPersonFace.wxml
@@ -1,2 +1,27 @@
-<!--pages/viewPersonFace/viewPersonFace.wxml-->
-<text>pages/viewPersonFace/viewPersonFace.wxml</text>
+<view class="vpf_context">
+  <view class="vpf_row">
+    <view class="vpf_row_black">
+    </view>
+    <view class="vpf_row_title">
+      <text>人脸信息</text>
+    </view>
+    <view class="vpf_row_black_01"/>
+
+    <view class="vpf_image">
+      <van-image
+        round
+        width="15rem"
+        height="15rem"
+        src="{{face}}"
+      />
+    </view>
+     <view class="vpf_row_black_03"/>
+
+      <view  class="vpf_btn">
+            <van-button type="primary" block bind:click="collectFace">{{btnValue}}</van-button>
+      </view>
+
+     <view class="vpf_row_black_04"/>
+   
+  </view>
+</view>
diff --git a/pages/viewPersonFace/viewPersonFace.wxss b/pages/viewPersonFace/viewPersonFace.wxss
index aa194a7..adce5ca 100644
--- a/pages/viewPersonFace/viewPersonFace.wxss
+++ b/pages/viewPersonFace/viewPersonFace.wxss
@@ -1 +1,51 @@
-/* pages/viewPersonFace/viewPersonFace.wxss */
\ No newline at end of file
+.vpf_context{
+  padding: 30rpx 20rpx;
+}
+.vpf_context .vpf_row{
+  background-color: #fff;
+  overflow:hidden;
+}
+
+.vpf_row_black{
+  height: 40rpx;
+}
+
+.vpf_row_title{
+  padding-left: 40rpx;
+  font-size: 31rpx;
+  font-weight: 700;
+
+}
+.vpf_row_col{
+  text-align: center;
+}
+.vpf_row_top{
+  margin-top: 60rpx;
+}
+.vpf_row_black_01{
+  height: 80rpx;
+}
+.vpf_row_black_02{
+  height: 100rpx;
+}
+.vpf_row_black_03{
+  height: 140rpx;
+}
+.vpf_row_black_04{
+  height: 40rpx;
+}
+.vpf_icon_text{
+  font-size: 100rpx;
+  color: #00AA00;
+}
+.vpf_row_col_t text{
+  font-size: 30rpx;
+  color: #8a8a8a;
+}
+.vpf_btn{
+  width: 80%;
+  margin:0 auto;
+}
+.vpf_image{
+  text-align: center
+}
\ No newline at end of file