look-logistics.wxml 1.7 KB
<!--pages/look-logistics/look-logistics.wxml-->
<view class="container">
  <!-- 商品信息 -->
  <view class="productInfo">
    <view class="leftPic">
      <image src="{{postData.listGoodsVoList[0].goodsPic}}" mode="aspectFill"></image>
    </view>
    <view class="rightText">
      <view class="name">{{postData.listGoodsVoList[0].goodsName}}</view>
      <view class="detail">{{postData.listGoodsVoList[0].goodsAttributes}}</view>
      <view class="price">¥{{postData.listGoodsVoList[0].goodsPrice}}</view>
      <view class="num">x{{postData.listGoodsVoList[0].goodsQuantity}}</view>
    </view>
  </view>
  <!-- 地址 -->
  <view class="addressBox">
    <view class="top">
      <view>{{postData.receiverName}}</view>
      <view>{{postData.receiverPhone}}</view>
    </view>
    <view class="bottom">{{postData.receiverDetailAddress}}</view>
  </view>
  <!-- 快递 -->
  <view class="expressBox">
    <view class="expressName">
      <view class="expressLeft">
        <view class="expressIcon">
          <image src="/images/05-08/ysExpress.png" mode="aspectFill"></image>
        </view>
        <view>运送快递</view>
      </view>
      <view>{{postData.deliveryCompany}}</view>
    </view>
    <view class="expressNumber">
      <view class="expressLeft">
        <view class="expressIcon">
          <image src="/images/05-08/number.png" mode="aspectFill"></image>
        </view>
        <view>快递单号</view>
      </view>
      <view>{{postData.deliverySn}}</view>
    </view>
  </view>
  <!-- 物流信息 -->
  <view class="expressInfo" >
    <van-steps direction="vertical" :active="0" steps="{{steps}}"> 
    </van-steps>
  </view>
  <!-- bottom -->
  <view class="bottomBox" bindtap="refund">
    <view class="btn">申请退款</view>
  </view>
</view>