diff --git a/hangout-master/Pages/id/id.js b/hangout-master/Pages/id/id.js
new file mode 100644
index 0000000..f5ec4b8
--- /dev/null
+++ b/hangout-master/Pages/id/id.js
@@ -0,0 +1,66 @@
+// Pages/id/id.js
+Page({
+
+    /**
+     * 页面的初始数据
+     */
+    data: {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad: function (options) {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide: function () {
+
+    },
+
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload: function () {
+
+    },
+
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh: function () {
+
+    },
+
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom: function () {
+
+    },
+
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage: function () {
+
+    }
+})
\ No newline at end of file
diff --git a/hangout-master/Pages/id/id.json b/hangout-master/Pages/id/id.json
new file mode 100644
index 0000000..8835af0
--- /dev/null
+++ b/hangout-master/Pages/id/id.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/hangout-master/Pages/id/id.wxml b/hangout-master/Pages/id/id.wxml
new file mode 100644
index 0000000..e01d9ea
--- /dev/null
+++ b/hangout-master/Pages/id/id.wxml
@@ -0,0 +1,36 @@
+<!--Pages/id/id.wxml-->
+<view style="display: flex;">
+  <image class="navi" src="/asset/img/navi.png" bindtap="onRet"></image>
+  <view style="padding: 0;margin: 0;width: 1.5px;height:700px;background-color:  #7B8B6F;"></view>
+  <view>
+    <view class="info">
+
+      <view style="display: flex;">
+        <view class="avatar">
+          头像
+        </view>
+        <view style="width: 20vw;background-color: #D8CAAF;height: 10vh;"></view>
+      </view>
+      <view style="padding: 0;margin: 0;width: 70vw;height:1.5px;background-color:  #7B8B6F;"></view>
+
+      <view style="display: flex;">
+        <view class="all">
+          昵称
+        </view>
+      </view>
+      <view style="padding: 0;margin: 0;width: 70vw;height:1.5px;background-color:  #7B8B6F;"></view>
+
+      <view style="display: flex;">
+        <view class="all">
+          生日
+        </view>
+        <view style="padding: 0;margin: 0;width: 70vw;height:1.5px;background-color:  #7B8B6F;"></view>
+      </view>
+
+    </view>
+    <view class="save">
+      保存
+    </view>
+    <image src="/asset/img/hangou1.png" mode="heightFix" class="hg"></image>
+  </view>
+</view>
diff --git a/hangout-master/Pages/id/id.wxss b/hangout-master/Pages/id/id.wxss
new file mode 100644
index 0000000..1d34bdf
--- /dev/null
+++ b/hangout-master/Pages/id/id.wxss
@@ -0,0 +1,62 @@
+/* Pages/id/id.wxss */
+.hg{
+  padding: 0;
+  margin: 0;
+  position: relative;
+  width: 50px;
+  height: 130px;
+  top: 60vh;
+  left: 60vw;
+  bottom: env(safe-area-inset-bottom);
+}
+.navi{
+  width: 40px;
+  height: 30px;
+  margin: 5px;
+  padding-top: 10px;
+}
+
+.save{
+  background-color: #7B8B6F;
+  width: 33vw;
+  height: 6vh;
+  font-size: 30px;
+  font-weight: 600;
+  text-align: center;
+  position: relative;
+  top: 60vh;
+  left: 26vw;
+  margin: 0;
+  padding: 0;
+}
+
+.info{
+  position: relative;
+  top: 10vh;
+  left: 10vw;
+  margin: 0;
+  padding: 0;
+}
+
+.avatar{
+  width: 20vw;
+  background-color: #D8CAAF;
+  height: 10vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 600;
+}
+
+.all{
+  width: 20vw;
+  height: 5vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 20px;
+  font-weight: 600;
+  background-color: #D8CAAF;
+}
+