cart item 样式增强

wechat_user_type
Ge Hao 8 years ago
parent ba3e998228
commit 6dcda5fcba
  1. 8
      pages/cart/cart.wxml
  2. 7
      pages/cart/cart.wxss

@ -17,17 +17,17 @@
<view wx:if="{{cartItems}}"> <view wx:if="{{cartItems}}">
<block wx:for="{{cartItems}}" wx:for-item="item"> <block wx:for="{{cartItems}}" wx:for-item="item">
<view class="item" catchtap="catchTapOnItem" data-id="{{item.id}}"> <view class="item" data-id="{{item.id}}">
<view class="image" data-id="{{item.id}}"> <view class="image" catchtap="catchTapOnItem" data-id="{{item.id}}">
<image class="head-img" src="{{item.product['image-url']}}" mode="aspectFit"></image> <image class="head-img" src="{{item.product['image-url']}}" mode="aspectFit"></image>
</view> </view>
<view class="item-right"> <view class="item-right">
<view class="title" data-id="{{item.id}}"> <view class="title" catchtap="catchTapOnItem" data-id="{{item.id}}">
<text> {{item.product.name}} </text> <text> {{item.product.name}} </text>
</view> </view>
<view class="numbers"> <view class="numbers">
<view> <view>
<text class="price" data-id="{{item.id}}"> ¥{{item.product.price}} / 件 </text> <text class="price" catchtap="catchTapOnItem" data-id="{{item.id}}"> ¥{{item.product.price}} / 件 </text>
</view> </view>
<view class="pull-right"> <view class="pull-right">
<view> <view>

@ -41,9 +41,12 @@
} }
.item-right { .item-right {
display: block;
margin-left: 20rpx; margin-left: 20rpx;
flex: 1; display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
height: 100%;
} }
.title { .title {

Loading…
Cancel
Save