diff --git a/pages/cart/cart.vue b/pages/cart/cart.vue index 46c1f89..f5695d1 100644 --- a/pages/cart/cart.vue +++ b/pages/cart/cart.vue @@ -2,14 +2,18 @@ - + - 空空如也 - 随便逛逛> + 您的购物车空空如也 + + + - 空空如也 - 去登陆> + 您的购物车空空如也 + + + @@ -25,9 +29,12 @@ {{item.productName}} {{item.spDataStr}} - ¥{{item.price}} - - + + ¥{{item.price}} + + + + @@ -245,12 +252,18 @@ .empty-tips { display: flex; - font-size: $font-sm+2upx; - color: $font-color-disabled; + flex-direction: column; + justify-content: center; + font-size: $font-base+2upx; + color: $font-color-base; .navigator { - color: $uni-color-primary; - margin-left: 16upx; + button { + background-color: $uni-color-primary; + color: #ffffff; + border-radius: 60upx; + margin-top: 36upx; + } } } } @@ -264,19 +277,24 @@ .image-wrapper { width: 230upx; - height: 230upx; + height: 192upx; flex-shrink: 0; position: relative; + text-align: right; + background: #fff; image { border-radius: 8upx; + width: 192upx; + height: 192upx; } } .checkbox { position: absolute; - left: -16upx; - top: -16upx; + left: -24upx; + top: 50%; + margin-top: -22upx; z-index: 8; font-size: 44upx; line-height: 1; @@ -293,6 +311,25 @@ overflow: hidden; position: relative; padding-left: 30upx; + + .price-box { + display: flex; + flex: 1; + align-items: flex-end; + position: relative; + .step { + .uni-numbox{ + bottom: initial; + left: initial; + right: 0; + margin-top: -70upx; + border-radius: 16upx; + } + } + .price { + color: $uni-color-primary; + } + } .title, .price { @@ -301,6 +338,7 @@ height: 40upx; line-height: 40upx; } + .attr { font-size: $font-sm + 2upx; diff --git a/pages/product/product.vue b/pages/product/product.vue index 45dab78..272abb3 100644 --- a/pages/product/product.vue +++ b/pages/product/product.vue @@ -363,7 +363,7 @@ await this.handleReadHistory(); this.initProductCollection(); }); - this.getCartNum() + await this.getCartNum() }, //规格弹窗开关 toggleSpec() {