card-mini/pages/mine/order/orderdetail.wxml
2021-07-25 13:11:55 +08:00

51 lines
2.0 KiB
Plaintext

<!-- 订单详情页面 -->
<cu-custom isBack="{{true}}" isRelaunch="{{false}}">
<view slot="content">订单详情</view>
</cu-custom>
<view>
</view>
<scroll-view>
<!-- 店铺详情 -->
<view class="cu-card article">
<view class="cu-item">
<view class="padding-sm flex flex-wrap">
<view class="flex " style="align-items:center;">
<view class="cu-avatar round sm" style="background-image:url({{baseImg+shopDetailBean.shopLogo}});">
</view>
<view class="text-xxl margin-left-xs">{{shopDetailBean.shopName}}</view>
</view>
<view class="margin-top-sm">店铺地址:{{shopDetailBean.shopAddress}}</view>
</view>
</view>
</view>
<!-- 订单商品列表 -->
<view class="cu-card article">
<view class="cu-item shadow padding-sm" wx:for="{{orderList}}" wx:key="index" data-item="{{item}}">
<view class="content">
<image src="{{baseImg+item.goodsLogo}}" mode="aspectFill"></image>
<view class="desc">
<view class="text-black text-xl">{{item.goodsName}}</view>
<view class="flex justify-between" style="align-items:center;">
<view class="text-red">¥{{item.goodsPrice}}</view>
<view class="text-gray">数量:{{item.goodsCount}}</view>
<view class="text-red">总价:{{item.totalPrice}}</view>
</view>
</view>
</view>
</view>
</view>
<!-- 订单备注 -->
<view class="cu-card article margin-xs">
<view class="cu-bar bg-white">
<view class="action">
订单备注
</view>
</view>
<view class="bg-white">
<view class="cu-form-group">
<text class="text-gray text-lg">{{orderList[0].words}}</text>
</view>
</view>
</view>
</scroll-view>