diff --git a/app.json b/app.json
index 9d49623..85efc4b 100644
--- a/app.json
+++ b/app.json
@@ -8,7 +8,8 @@
     "pages/index/info",
     "pages/index/edit",
     "pages/about/index",
-    "pages/today/index"
+    "pages/today/index",
+    "pages/preview/index"
   ],
   "window": {
     "navigationBarTextStyle": "black",
diff --git a/pages/add/info.js b/pages/add/info.js
index a8dc716..6d47a38 100644
--- a/pages/add/info.js
+++ b/pages/add/info.js
@@ -58,6 +58,12 @@ Page({
       }
     })
   },
+  goPreview(e){
+    const url = e.currentTarget.dataset.url
+    wx.navigateTo({
+      url: '../preview/index?url=' + url,
+    })
+  },
   add() {
     const user = wx.getStorageSync('user')
     console.log(user);
diff --git a/pages/add/info.wxml b/pages/add/info.wxml
index edd4875..22f87dc 100644
--- a/pages/add/info.wxml
+++ b/pages/add/info.wxml
@@ -3,7 +3,7 @@
   <view wx:if="{{info}}">
     <!-- top -->
     <view class="top" style="position: relative; z-index: 2;">
-      <image src="{{info.oss.url}}" style="width: 100vw; height: 680rpx;" mode="aspectFill"></image>
+      <image src="{{info.oss.url}}" style="width: 100vw; height: 680rpx;" mode="aspectFill"  data-url="{{info.oss.url}}" bind:tap="goPreview"></image>
     </view>
 
 
diff --git a/pages/preview/index.js b/pages/preview/index.js
new file mode 100644
index 0000000..333884b
--- /dev/null
+++ b/pages/preview/index.js
@@ -0,0 +1,66 @@
+// pages/preview/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/preview/index.json b/pages/preview/index.json
new file mode 100644
index 0000000..c20e30e
--- /dev/null
+++ b/pages/preview/index.json
@@ -0,0 +1,5 @@
+{
+  "navigationBarBackgroundColor": "#000",
+  "navigationBarTextStyle":"white",
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/pages/preview/index.wxml b/pages/preview/index.wxml
new file mode 100644
index 0000000..68845a2
--- /dev/null
+++ b/pages/preview/index.wxml
@@ -0,0 +1,6 @@
+<!--pages/preview/index.wxml-->
+<view class="flex flex-center">
+  <view style="height: 80vh;" class="flex flex-center">
+    <image src=" {{url}}" style="width: 100vw;height: 50vh;" mode="aspectFill" show-menu-by-longpress></image>
+  </view>
+</view>
\ No newline at end of file
diff --git a/pages/preview/index.wxss b/pages/preview/index.wxss
new file mode 100644
index 0000000..e565a5d
--- /dev/null
+++ b/pages/preview/index.wxss
@@ -0,0 +1,4 @@
+/* pages/preview/index.wxss */
+page {
+  background-color: black;
+}
\ No newline at end of file