diff --git a/app.json b/app.json
index 2bab428..dc217b4 100644
--- a/app.json
+++ b/app.json
@@ -7,7 +7,8 @@
     "pages/orderList/orderDetail/orderDetail",
     "pages/myCars/myCars",
     "pages/myCars/carsDetail/carsDetail",
-    "pages/myCars/creatNewCar/creatNewCar"
+    "pages/myCars/creatNewCar/creatNewCar",
+    "pages/message/messageDetail/messageDetail"
   ],
   "window": {
     "backgroundTextStyle": "light",
diff --git a/imgs/messageAlert.png b/imgs/messageAlert.png
new file mode 100644
index 0000000..72bc9a6
Binary files /dev/null and b/imgs/messageAlert.png differ
diff --git a/pages/message/message.js b/pages/message/message.js
index cbe2eac..8235b53 100644
--- a/pages/message/message.js
+++ b/pages/message/message.js
@@ -5,7 +5,7 @@ Page({
    * 页面的初始数据
    */
   data: {
-
+    messageArr: [1, 2, 3, 4, 5, 6, 1, 2, 3, 4, 5, 6, 1, 2, 3, 4, 5, 6, 1, 2, 3, 4, 5, 6],
   },
 
   /**
@@ -15,6 +15,13 @@ Page({
 
   },
 
+  transToMessageDetail:function (event){
+    var itemID = event.currentTarget.dataset.itemid;
+    wx.navigateTo({
+      url: 'messageDetail/messageDetail?id=' + itemID,
+    })
+  },
+
   /**
    * 生命周期函数--监听页面初次渲染完成
    */
diff --git a/pages/message/message.json b/pages/message/message.json
index 9e26dfe..8173d91 100644
--- a/pages/message/message.json
+++ b/pages/message/message.json
@@ -1 +1,3 @@
-{}
\ No newline at end of file
+{
+  "navigationBarTitleText": "消息"
+}
\ No newline at end of file
diff --git a/pages/message/message.wxml b/pages/message/message.wxml
index 324a389..b4e957c 100644
--- a/pages/message/message.wxml
+++ b/pages/message/message.wxml
@@ -1,2 +1,22 @@
 <!--pages/message/message.wxml-->
-<text>pages/message/message.wxml</text>
+<view class='pageContainer'>
+  <block wx:for="{{messageArr}}" wx:for-item="item">
+    <template is="messageTemplate" data="{{item}}" />
+  </block>
+</view>
+
+<template name="messageTemplate">
+  <view class='listContainer' catchtap='transToMessageDetail' data-itemid='{{item.id}}'>
+    <view class='imageView'>
+    <image class='imgae' src='/imgs/messageAlert.png'></image>
+    </view>
+    <view class="contentInfoView">
+      <view class='topGroupView'>
+        <view class='titleView'>推送消息</view>
+        <view class='timeView'>2018/01/02</view>
+      </view>
+      <view class='detailMessageView'>您的订单已通过审核</view>
+    </view>
+  </view>
+  <view class='horizontallineView'></view>
+</template>
\ No newline at end of file
diff --git a/pages/message/message.wxss b/pages/message/message.wxss
index 2251458..e7312b7 100644
--- a/pages/message/message.wxss
+++ b/pages/message/message.wxss
@@ -1 +1,74 @@
-/* pages/message/message.wxss */
\ No newline at end of file
+/* pages/message/message.wxss */
+page{
+  background:#EAF1F8;
+}
+
+.pageContainer{
+  margin-top: 10rpx;
+  background-color: #fff;
+}
+
+.listContainer{
+  margin-left: 20rpx;
+  margin-right: 20rpx;
+  padding-top: 20rpx;
+  padding-bottom: 20rpx;
+  display: flex;
+  flex-direction: row;
+}
+
+.imageView{
+  width: 120rpx;
+  height: 100rpx; 
+}
+
+.imgae{
+  height: 100%;
+  width: 100%;
+}
+
+.contentInfoView{
+  height: 100rpx;
+  width: 100%;
+  padding-left: 20rpx;
+  display: flex;
+  flex-direction: column;
+}
+
+.topGroupView{
+  height: 50rpx;
+  line-height: 50rpx;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+
+.titleView{
+  height: 100%;
+  width: 60%;
+  font-size: 18px;
+  /* 18px 字体大小差不多等于14pt */
+  /* font-size: 14pt; */
+  color:rgb(48, 48, 48);
+}
+
+.timeView{
+  height: 100%;
+  width: 40%;
+  text-align: right;
+  color: #888;
+}
+
+.detailMessageView{
+  height: 50rpx;
+  line-height: 50rpx;
+  width: 100%;
+  color: #888;
+}
+
+.horizontallineView {
+  height: 1rpx;
+  background-color: #dbdbdb;
+  margin-left: 20rpx;
+  margin-right: 0rpx;
+}
\ No newline at end of file
diff --git a/pages/message/messageDetail/messageDetail.js b/pages/message/messageDetail/messageDetail.js
new file mode 100644
index 0000000..8d3a522
--- /dev/null
+++ b/pages/message/messageDetail/messageDetail.js
@@ -0,0 +1,67 @@
+// pages/message/messageDetail/messageDetail.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    var itemID = options.id;
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file
diff --git a/pages/message/messageDetail/messageDetail.json b/pages/message/messageDetail/messageDetail.json
new file mode 100644
index 0000000..f792469
--- /dev/null
+++ b/pages/message/messageDetail/messageDetail.json
@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "消息详情"
+}
\ No newline at end of file
diff --git a/pages/message/messageDetail/messageDetail.wxml b/pages/message/messageDetail/messageDetail.wxml
new file mode 100644
index 0000000..020f500
--- /dev/null
+++ b/pages/message/messageDetail/messageDetail.wxml
@@ -0,0 +1,2 @@
+<!--pages/message/messageDetail/messageDetail.wxml-->
+<text>pages/message/messageDetail/messageDetail.wxml</text>
diff --git a/pages/message/messageDetail/messageDetail.wxss b/pages/message/messageDetail/messageDetail.wxss
new file mode 100644
index 0000000..326c9cc
--- /dev/null
+++ b/pages/message/messageDetail/messageDetail.wxss
@@ -0,0 +1 @@
+/* pages/message/messageDetail/messageDetail.wxss */
\ No newline at end of file
diff --git a/pages/orderList/orderDetail/orderDetail.js b/pages/orderList/orderDetail/orderDetail.js
index 9b12918..8c30488 100644
--- a/pages/orderList/orderDetail/orderDetail.js
+++ b/pages/orderList/orderDetail/orderDetail.js
@@ -46,7 +46,7 @@ Page({
 
   onLoad: function(options) {
     var that = this;
-    let ID = Number(options.ID);
+    let ID = Number(options.id);
     wx.getSystemInfo({
       success: function (res) {
         that.setData({