nova-trip/nova-tourism/pages/my/refund/reply-refund/index.wxml

<nav type="back" background-color="{{activeColor}}" title="申请退款" frontColor="#ffffff" />

<view class="page-continer text">
    <view class="box page-section page-section-spacing">
        <view class="order-number">
            <view class="number">订单号：{{order.orderNum}}</view> 
        </view>
        <view class="order-txt" catchtap="orderpay">
            <block  wx:if="{{order.room}}">
                <image class="order-image" src="{{order.room.images[0]}}" />
                <view class="order-text">
                    <view class="order-name">{{order.room.name}}</view>
                    <view class="order-price" style="color: {{activeColor}};">￥{{order.price}}</view>
                    <view class="order-time">{{order.startTime}} - {{order.endTime}}</view>
                </view>
            </block>
            <block wx:else>
                <image class="order-image" src="{{order.image}}" />
                <view class="order-text">
                    <view class="order-name">{{order.name}}</view>
                    <view class="order-price">￥{{order.price}}</view>
                    <view class="order-time">{{order.shopStore.workingTime}}</view>
                </view>
            </block>
        </view>
    </view>
    <view class="page-section page-section-spacing  flex-justify-between" bind:tap="showPopup">
        <view class="">
            退款原因
        </view>
        <view class="" >
            <block wx:if="{{causeVal !=  ''}}">{{causeVal}}</block>
            <block wx:else><text class="grey">请选择</text></block>
            <van-icon name="arrow"></van-icon>
        </view>
    </view>
    <view class="page-section page-section-spacing flex-justify-between">
        <view class="">
            退款金额
        </view>
        <view class="red" style="color: {{activeColor}};">
            ￥{{order.price}}
        </view>
    </view>
    <view class="page-section page-section-spacing ">
        <view class="">
            退款说明
        </view>
        <textarea model:value="{{explain}}" border="{{true}}" class="explain"  rows="12" autosize placeholder="补充说明，有助于商家更好的处理问题"></textarea>
    </view>
</view>
<view class="footer">
    <van-button bind:tap="submit" color="{{activeColor}}" block size="large"><text class="submit-text">提交申请</text></van-button>
</view>
<van-popup show="{{ show }}"  bind:close="onClose" position="bottom" custom-style="height: 600rpx;">
    <view class="popup-cause"> 
        <view class="title text-center">退款原因</view>
        <view class="cause-list">
            <radio-group bindchange="causeChange">
                <view class="cause" wx:for="{{causes}}" wx:key="index">
                    <text class="cause-text">{{item.label}}</text>
                    <radio color="{{activeColor}}" value="{{item.value}}" checked="{{item.checked}}"></radio>
                </view>
            </radio-group>
        </view>
        <van-button size="large" fixed color="{{activeColor}}" bind:tap="onClose" >确定</van-button>
    </view>
</van-popup>