lachang-wxapp/pages/index/pages/riceCard/myExchangeCardDetails/myExchangeCardDetails.wxml

<view class="pageContainer" wx:if="{{!isLoading}}">
    <view class="imageBox">
        <image src="{{detail.image_text}}" wx:if="{{detail.image_text}}" mode="aspectFill"></image>
        <image wx:else src="https://cookhome-images-1.oss-cn-hangzhou.aliyuncs.com/file.jm/image_card_default.png" mode="aspectFill"></image>
    </view>
    <view class="cardName">{{detail.name}}</view>
    <view class="price">¥{{detail.card_price}}</view>
    <view class="detaiBox" wx:if="{{richHtml}}">
        <view class="detaiTitle">礼品卡详情：</view>
        <rich-text class="richText" nodes="{{richHtml}}"></rich-text>
    </view>
    <view class="pageButtonBox  {{isIphoneX?'iphoneX':''}}">
        <view class="pageButtonFixed FFFFFF flex-c-c ">
            <button class="pageButton flex-c-c" wx:if="{{!isSuccess}}" bind:tap="offExchange">马上兑换</button>
            <button class="pageButton opacity flex-c-c" wx:if="{{isSuccess}}">已兑换</button>
        </view>
    </view>
</view>
<!-- 没有地址弹窗 -->
<tui-modal show="{{showModal}}" custom padding="0rpx" width="600rpx" radius="16rpx">
    <view class="modalCustom">
        <view class="closeModal" bind:tap="hideModal">
            <image class="icon" src="/static/icon/icon_modal_x.png" mode="aspectFill"></image>
        </view>
        <view class="newModalTitle">请先选择配送地址</view>
        <view class="newModalButtonBox flex-c-c">
            <view class="mButton flex-c-c" bind:tap="goToAddress">马上选择</view>
        </view>
    </view>
</tui-modal>
<!-- 兑换popup -->
<tui-bottom-popup backgroundColor="transparent" height="auto" show="{{showPopup}}" bindclose="hidePopup">
    <view class='model_box {{isIphoneX?"model_box_iphoneX":""}}'>
        <view class="closeModal" bind:tap="hidePopup">
            <image class="icon" src="/static/icon/icon_modal_x.png" mode="aspectFill"></image>
        </view>
        <!-- 未兑换 -->
        <view class="popupTop" wx:if="{{!isSuccess}}">
            <view class="popupTitle">您将兑换</view>
            <block wx:if="{{detail.goods}}">
                <view class="popupKey sel">兑换商品：</view>
                <scroll-view class="goodsList" scroll-y="{{true}}">
                    <view class="goodsItem flex-c-bet" wx:for="{{detail.goods}}" wx:for-item="item" wx:key="index">
                        <view class="gName space">{{item.goods_name}}</view>
                        <view class="gNumber">x{{item.goods_num || 0}}</view>
                    </view>
                </scroll-view>
            </block>
            <view class="addressBox flex-c-bet">
                <view class="popupKey">配送到：</view>
                <view class="goToSel flex-c" bind:tap="goToAddress">
                    <view class="">修改</view>
                    <image class="icon" src="/static/icon/icon_x_to_right.png" mode="aspectFill"></image>
                </view>
            </view>
            <view class="addressContent">
                <view class="addressText">
                    <text>{{addressInfo.name}}</text>
                    <text>{{addressInfo.phone}}</text>
                </view>
                <view class="addressText">
                    <text>{{addressInfo.region.province}}</text>
                    <text>{{addressInfo.region.city}}</text>
                    <text>{{addressInfo.region.region}}{{addressInfo.detail}}</text>
                </view>
            </view>
        </view>
        <!-- 兑换成功 -->
        <view class="popupTop" wx:if="{{isSuccess}}">
            <view class="sccBox">
                <image class="icon" src="/static/images/pay_status_icon.png" mode="aspectFill"></image>
                <view class="sccTitle">兑换成功，我们将会尽快为您配送</view>
                <view class="sccTool">您可以在我的-我的礼品卡查看物流配送信息</view>
            </view>
        </view>
        <view class="popupBot flex-c-c {{!flag?'flag':''}}" wx:if="{{!isSuccess}}" bind:tap="confirmExchange">确认兑换</view>
        <view class="popupBot flex-c-c" wx:else bind:tap="well">好的</view>
    </view>
</tui-bottom-popup>