share_activity/pages/groupmeallist/myOrder/myOrder.wxml

<view class="page">
    <view class="myOrder flex-column">
        <view class="myOrder_state flex-column_start_center">
            <view style=" font-size: 49rpx;font-weight: 700;text-align: left;color: #000000;">待退款</view>
            <view style="font-size: 32rpx;font-weight: 700;text-align: center;color: #313131;">
                <span class="fontSize-28">退款金额：</span>￥20.0
            </view>
        </view>
        <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin:0px auto;margin-top: 18rpx;"></view>
        <view class="myOrder_refund flex-row">
            <view class="fontSize-3" style="margin-left: 28rpx;">退款进度</view>
            <view class="refund_revoke">撤销退款</view>
        </view>

        <view class="myOrder_center flex-column">

            <view class="flex-row" style="margin-top: 26rpx;margin-left: 17rpx;">
                <view style="width: 14rpx;height: 14rpx;background: #ffffff;border: 1rpx solid #e2e2e2;border-radius: 50%;"></view>
                <view class="fontSize-28" style="color: #000000;margin-left: 18rpx;">用户申请退款</view>
            </view>
            <view style="line-height:35rpx;width: 576rpx;height: 64rpx;font-size: 24rpx;font-weight: 400;text-align: left;color: #989898;margin-left:49rpx;margin-top: 9rpx;">
                用户提交了商品退款请求，商家正在处理您的退款，按 支付方式原路返还，如有疑问请联系我们</view>

            <view class="fontSize-28" style="color:#AFD250;margin-left: 49rpx;margin-top: 34rpx;">商家审核中</view>

            <view style="line-height:35rpx;  width: 576rpx;height: 64rpx;font-size: 24rpx;font-weight: 400;text-align: left;color: #989898;margin-left:49rpx;margin-top: 9rpx;">商家审核中，待商家确认审核通过，按支付方式原路返 还，如有疑问请联系我们</view>
        </view>


    </view>

    <view class="myOrder_refund_order flex-column">
        <view class="fontSize-3" style="margin-left: 28rpx;margin-top: 26rpx;">退款进度</view>
        <view style="width: 93%; border-bottom: 1px #e2e2e2 solid; margin:0px auto;margin-top: 18rpx;"></view>

        <view class="list_order_good flex-row">
            <view class="flex-row" style="align-items: flex-start;">
                <image style="width: 109rpx;height:109rpx" src="/images/groupmeallist/order_good.png"></image>
                <view style="margin-left: 13rpx;">
                    <view class="fontSize24">清爽夏日套餐</view>
                    <view class="fontSize24">x1</view>
                </view>
            </view>
            <view style="margin-right: 45rpx;">
                <view style="font-size: 32rpx;font-weight: 700;text-align: right;color: #313131;">￥20.0</view>
                <view style="font-size: 24rpx;font-weight: 400;text-align: right;color: #989898;">共1件</view>
            </view>
        </view>
    </view>

    <view class="list_order_bottom flex-column">
        <view class="fontSize24" style="color: #989898;    margin-left: 26rpx;margin-top: 33rpx;">退款原因：
            <span style="font-size: 24rpx;font-weight: 300;text-align: left;color: #000000;">点错了/点多了/点少了</span>
        </view>
        <view class="fontSize24" style="color: #989898;    margin-left: 26rpx;">退款编号：
            <span style="font-size: 24rpx;font-weight: 300;text-align: left;color: #000000;">D4816460408184929451</span>
        </view>
        <view class="fontSize24" style="color: #989898;    margin-left: 26rpx;margin-bottom: 38rpx;">退款时间：
            <span style="font-size: 24rpx;font-weight: 300;text-align: left;color: #000000;">2022-05-09 16:40:43</span>
        </view>
    </view>

</view>