index.wxml 1.9 KB

123456789101112131415161718192021
  1. <!--components/myOrderCard/index.wxml-->
  2. <van-swipe-cell right-width="{{ 100 }}" >
  3. <van-cell-group inset class="commodity-card">
  4. <van-cell class="commodity-card-title" style="width: 684rpx; height: 92rpx; display: flex; box-sizing: border-box" border="{{false}}">
  5. <view class="commodity-card-title-name" style="position: relative; left: 0rpx; top: 5rpx">{{item.merchantName}}></view>
  6. <view class="commodity-card-title-status" style="position: relative; left: 453rpx; top: -46rpx; width: 140rpx; height: 50rpx; display: block; box-sizing: border-box">{{item.commodityState}}</view>
  7. </van-cell>
  8. <van-cell class="commodity-card-body" style="width: 684rpx; height: 211rpx; display: flex; box-sizing: border-box">
  9. <van-image radius="15px" width="80" height="80" src="{{item.commodityUrl}}" style="position: relative; left: -450rpx; top: 5rpx"></van-image>
  10. <view class="commodity-card-body-info" style="width: 409rpx; height: 165rpx; display: flex; box-sizing: border-box; position: relative; left: 209rpx; top: -180rpx">
  11. <view class="commodity-card-body-info-title" style="position: relative; left: 0rpx; top: 38rpx; width: 282rpx; height: 136rpx; display: block; box-sizing: border-box">{{item.commodityTitle}}</view>
  12. <van-cell title="¥{{item.commodityPrice}}" title-style="position:relative;text-align:left;color:red;border:none;" style="position: relative; left: 250rpx; top: -48rpx; width: 142rpx; height: 80rpx; display: block; box-sizing: border-box;"></van-cell>
  13. </view>
  14. </van-cell>
  15. <van-cell class="commodity-card-footer">
  16. <van-button round size="small" class="commodity-card-footer-btn" bind:tap="toChat">联系卖家</van-button>
  17. <van-button round size="small" class="commodity-card-footer-btn" color="red" bind:click="goToTest">评价</van-button>
  18. </van-cell>
  19. </van-cell-group>
  20. <view slot="right" class="van-swipe-cell__right">删除</view>
  21. </van-swipe-cell>