1、消息页面完成

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",

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,
+    })
+  },
+
   /**
    * 生命周期函数--监听页面初次渲染完成
    */

pages/message/message.json

@@ -1 +1,3 @@
-{}
+{
+  "navigationBarTitleText": "消息"
+}

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>

pages/message/message.wxss

@@ -1 +1,74 @@
-/* pages/message/message.wxss */
+/* 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;
+}

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 () {
+
+  }
+})

pages/message/messageDetail/messageDetail.json

@@ -0,0 +1,3 @@
+{
+  "navigationBarTitleText": "消息详情"
+}

pages/message/messageDetail/messageDetail.wxml

@@ -0,0 +1,2 @@
+<!--pages/message/messageDetail/messageDetail.wxml-->
+<text>pages/message/messageDetail/messageDetail.wxml</text>

pages/message/messageDetail/messageDetail.wxss

@@ -0,0 +1 @@
+/* pages/message/messageDetail/messageDetail.wxss */

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({