diff --git a/pages/API/add-contact/add-contact.js b/pages/API/add-contact/add-contact.js
new file mode 100644
index 0000000..8930d5a
--- /dev/null
+++ b/pages/API/add-contact/add-contact.js
@@ -0,0 +1,19 @@
+// pages/API/add-contact/add-contact.js
+Page({
+  submit(e) {
+    const formData = e.detail.value
+    wx.addPhoneContact({
+      ...formData,
+      success() {
+        wx.showToast({
+          title: '联系人创建成功'
+        })
+      },
+      fail() {
+        wx.showToast({
+          title: '联系人创建失败'
+        })
+      }
+    })
+  }
+})
diff --git a/pages/API/add-contact/add-contact.json b/pages/API/add-contact/add-contact.json
new file mode 100644
index 0000000..05618a9
--- /dev/null
+++ b/pages/API/add-contact/add-contact.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "新增联系人"
+}
diff --git a/pages/API/add-contact/add-contact.wxml b/pages/API/add-contact/add-contact.wxml
new file mode 100644
index 0000000..74aa342
--- /dev/null
+++ b/pages/API/add-contact/add-contact.wxml
@@ -0,0 +1,43 @@
+<!--pages/API/add-contact/add-contact.wxml-->
+<import src="../../common/head.wxml" />
+<import src="../../common/foot.wxml" />
+
+<view class="container">
+  <template is="head" data="{{title: 'addPhoneContact'}}"/>
+
+  <view class="page-body">
+    <form bindsubmit="submit">
+      <view class="page-section">
+        <view class="weui-cells__title">姓氏</view>
+        <view class="weui-cells weui-cells_after-title">
+          <view class="weui-cell weui-cell_input">
+            <input class="weui-input" name="lastName" />
+          </view>
+        </view>
+      </view>
+      <view class="page-section">
+        <view class="weui-cells__title">名字</view>
+        <view class="weui-cells weui-cells_after-title">
+          <view class="weui-cell weui-cell_input">
+            <input class="weui-input" name="firstName" />
+          </view>
+        </view>
+      </view>
+      <view class="page-section">
+        <view class="weui-cells__title">手机号</view>
+        <view class="weui-cells weui-cells_after-title">
+          <view class="weui-cell weui-cell_input">
+            <input class="weui-input" name="mobilePhoneNumber" />
+          </view>
+        </view>
+      </view>
+      <view class="btn-area">
+        <button type="primary" formType="submit">创建联系人</button>
+        <button type="default" formType="reset">重置</button>
+      </view>
+    </form>
+  </view>
+
+  <template is="foot" />
+</view>
+
diff --git a/pages/API/add-contact/add-contact.wxss b/pages/API/add-contact/add-contact.wxss
new file mode 100644
index 0000000..fdf17b7
--- /dev/null
+++ b/pages/API/add-contact/add-contact.wxss
@@ -0,0 +1,6 @@
+/* pages/API/add-contact/add-contact.wxss */
+@import "../../common/lib/weui.wxss";
+
+input {
+  width: 100%;
+}