购物车

app.json

@@ -20,7 +20,6 @@
     "pageOrientation": "portrait"
   },
   "style": "v2",
-  "renderer": "skyline",
   "rendererOptions": {
     "skyline": {
       "defaultDisplayBlock": true,

pages/cart/cart.json

@@ -1,4 +1,6 @@
 {
-  "navigationStyle": "custom",
-  "usingComponents": {}
+  "navigationBarTitleText":"购物车",
+  "usingComponents": {
+    "product-list":"/components/product-list/product-list"
+  }
 }

pages/cart/cart.wxml

@@ -1,3 +1,11 @@
 <view>
-  cart
+    <!-- 推荐 -->
+    <view class="recommend">
+        <view class="divider">
+           <text class="line"></text>
+           <text class="text">更多个性化推荐</text>
+           <text class="line"></text>
+        </view>
+        <product-list position="hot"></product-list>
+    </view>
 </view>

pages/cart/cart.wxss

@@ -0,0 +1,16 @@
+
+.divider{
+    margin: 30rpx 0;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.divider .text{
+    margin: 0 20rpx;
+}
+.line{
+    width: 200rpx;
+    height: 2rpx;
+    background: #CFCFCF;
+    display: inline-block;
+}

pages/index/index.json

@@ -1,4 +1,5 @@
 {
+  "navigationStyle": "custom",
   "usingComponents": {
     "header":"/components/header/header",
     "product-list":"/components/product-list/product-list"