我的收藏页面 — review by 李其昌

@@ -33,6 +33,7 @@ class App extends Component {
 			'pages/orderList/index',
 			'pages/nativeTest/nativeTest',
 			'pages/message/messageDetail',
+			'pages/userCenter/collection/collection',
 		],
 		window: {
 			backgroundTextStyle: 'light',

 <view class='container'>
-      <view class="message-title">
-        <text class='message-title'>{{title}}</text>
-      </view>
+  <text class='message-title'>{{title}}</text>
 
-      <!-- 消息列表 -->
-      <view class='message-list'>
-        <block wx:for="{{list}}" wx:key="{{index}}">
-          <view class='cell'>
-            <view class='content'>{{item.content}}</view>
-            <view class='time'>{{item.time}}</view>
-            <view class='space-line'></view>
-          </view>
-        </block>
+  <!-- 消息列表 -->
+  <view class='message-list'>
+    <block wx:for="{{list}}" wx:key="{{index}}">
+      <view class='cell'>
+        <view class='content'>{{item.content}}</view>
+        <view class='time'>{{item.time}}</view>
+        <view class='space-line'></view>
       </view>
+    </block>
+  </view>
 </view>
\ No newline at end of file

 .message-title {
   width: 100%;
-  margin-left: 20rpx;
+  margin-left: 40rpx;
   font-family: PingFang-SC-Semibold;
   color: #000;
   font-size: 68rpx;

+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    list: [{ 'default_images': 'http://img11.static.yhbimg.com/goodsimg/2018/10/18/17/01ea80f9b7b26d037e8e2867b1e8d1aad1.jpg', 'price': '9', 'id': '10000082', 'product_name': 'Air Jordan Future GS “Bleached Turquoise”' }, { 'default_images': 'http://img11.static.yhbimg.com/goodsimg/2018/10/18/17/01ea80f9b7b26d037e8e2867b1e8d1aad1.jpg', 'price': '9', 'id': '10000082', 'product_name': 'Air Jordan Future GS “Bleached Turquoise”' }, { 'default_images': 'http://img11.static.yhbimg.com/goodsimg/2018/10/18/17/01ea80f9b7b26d037e8e2867b1e8d1aad1.jpg', 'price': '9', 'id': '10000082', 'product_name': 'Air Jordan Future GS “Bleached Turquoise”' }, { 'default_images': 'http://img11.static.yhbimg.com/goodsimg/2018/10/18/17/01ea80f9b7b26d037e8e2867b1e8d1aad1.jpg', 'price': '9', 'id': '10000082', 'product_name': 'Air Jordan Future GS “Bleached Turquoise”' }],
+    _triggerObserer: true,
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    let _triggerObserer = this.data._triggerObserer;
+    this.setData({
+      _triggerObserer: !_triggerObserer,
+    })
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})
\ No newline at end of file

+{
+  "navigationBarBackgroundColor": "#ffffff",
+  "usingComponents": {
+    "product-list": "../../../components/product-list/index"
+  }
+}
\ No newline at end of file

+<view class='container'>
+  <text class='collection-title'>收藏</text>
+  
+  <!-- 消息列表 -->
+  <view class='collection-list'>
+      <product-list list="{{list}}" __triggerObserer="{{ _triggerObserer }}"></product-list>
+  </view>
+</view>
\ No newline at end of file

+.collection-title {
+  width: 100%;
+  margin-left: 20rpx;
+  font-family: PingFang-SC-Semibold;
+  color: #000;
+  font-size: 50rpx;
+  font-weight: bold;
+}
+
+.collection-list {
+  margin-top: 10rpx;
+  width: 100%;
+}