商品列表显示属性模态框

pages/all/all.js

@@ -13,7 +13,9 @@ Page({
     ],
     filterIndex1:-1,
     filterIndex2:-1,
-    filterObj:{} //筛选条件
+    filterObj:{}, //筛选条件
+    showAddCartModal:false,
+    currentProduct:null
   },
 
   // 监听筛选
@@ -51,6 +53,20 @@ Page({
           };
       })
   },
+  // 显示商品属性模态框
+  showAddCartModal(e) {
+    const product = e.detail;
+    this.setData({
+        showAddCartModal: true,
+        currentProduct:product
+    });
+  },
+  // 关闭属性选择模态框
+  handleCloseAddCartModal(){
+      this.setData({
+          showAddCartModal:false
+      })
+  },
   /**
    * 生命周期函数--监听页面加载
    */

pages/all/all.wxml

@@ -27,6 +27,9 @@
 </view>
 
 <!-- 商品列表 -->
-<product-list position="index" filterObj="{{filterObj}}"></product-list>
+<product-list position="index" filterObj="{{filterObj}}" bindaddCart="showAddCartModal"></product-list>
+
+<!-- 商品属性模态框 -->
+<addCartModel visible="{{showAddCartModal}}" product="{{currentProduct}}" bindclose="handleCloseAddCartModal"></addCartModel>
 
 </view>