jiaqingjiayi-xiaochengxu/甲情_甲意/miniprogram/pages/zhifujiemian/zhifujiemian.axml

<view class="all">
  <!-- 商品框 -->
  <view class="box" a:for="{{ dingdan }}" >
    <view class="xinxi">
      <view class="juzhong">
        <image class="image" mode="scaleToFill" src="{{item.commoditiesImage}}" />
      </view>
      <view class="biaoti">
        <view style="margin-top:30rpx">
          <text class="text">{{item.commoditiesName}}</text>
        <view style="margin-top:5rpx">
          <text>￥{{item.commoditiesPrice*item.quantity}}</text> 
        </view>
        <view style="margin-top:5rpx">
          <text style="color:#898c90">共{{item.quantity}}件</text>
        </view>
        </view>
      </view>
    </view>
    <view class="xian"></view>
    <view>
      <view style="display:flex;justify-content:space-between;margin-top:20rpx">
        <text style="font-size:19px;margin-left:30rpx">商品总价</text>
        <text style="margin-right:50rpx">￥{{item.commoditiesPrice*item.quantity}}</text>
      </view>
      <view class="xian" style="margin-top: 10rpx;"></view>
      <view style="display:flex;justify-content:space-between;margin-top:20rpx">
        <text style="font-size:19px;margin-left:30rpx">蚂蚁积分</text>
        <text style="margin-right:30rpx;color:#a3abb2">暂不可用</text>
      </view>
      <text></text>
    </view>
  </view>
  <view class="zhifu">
    <text style="color:white">支付 ￥{{prices}}</text>
  </view>
</view>