diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..751fe12
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,2 @@
+.cloudbase/
+project.private.config.json
diff --git a/app.json b/app.json
index e91ea85..ae6ab52 100644
--- a/app.json
+++ b/app.json
@@ -1,6 +1,7 @@
 {
   "pages": [
     "pages/index/index",
+    "pages/webview/index",
     "pages/mine/mine",
     "pages/video/video",
     "pages/extract/extract",
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index a0fac64..9614289 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,3 +1,7 @@
+<navigator class="top-ad" url="/pages/webview/index?url=https://www.dajiala.com/mobile/phone/">
+<text>新媒体数据采集接口和定制服务</text>{{'\n'}}
+<button size="mini">立即免费体验</button>
+</navigator>
 <view class="container">
     <!-- 提取视频卡片 -->
     <view class="card video-extract">
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
index fd18d38..366d149 100644
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -6,7 +6,16 @@ page {
   font-size: 32rpx;
   line-height: 1.6;
 }
-
+.top-ad{
+  color: #fff;
+  text-align: center;
+  background-image: url('https://www.dajiala.com/static_mobile/img/titpng.png');
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  padding: 20px 0;
+  white-space: pre-wrap;
+}
 /* 容器样式 */
 .container {
   display: flex;
diff --git a/pages/webview/index.js b/pages/webview/index.js
new file mode 100644
index 0000000..5ecd2db
--- /dev/null
+++ b/pages/webview/index.js
@@ -0,0 +1,66 @@
+// pages/webview/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    url:''
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+this.setData({url:options.url})
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/webview/index.json b/pages/webview/index.json
new file mode 100644
index 0000000..0a0f7d8
--- /dev/null
+++ b/pages/webview/index.json
@@ -0,0 +1,4 @@
+{
+  "navigationBarTitleText": "Loading...",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/webview/index.wxml b/pages/webview/index.wxml
new file mode 100644
index 0000000..f7e861e
--- /dev/null
+++ b/pages/webview/index.wxml
@@ -0,0 +1,2 @@
+<!--pages/webview/index.wxml-->
+<web-view src="{{url}}"/>
\ No newline at end of file
diff --git a/pages/webview/index.wxss b/pages/webview/index.wxss
new file mode 100644
index 0000000..5e3b696
--- /dev/null
+++ b/pages/webview/index.wxss
@@ -0,0 +1 @@
+/* pages/webview/index.wxss */
\ No newline at end of file