<!-- 订单详情页面 -->
<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>