tourism-wxapp/nova-tourism/pages/my/my-card/index.wxml

<!--nova-tourism/pages/my/my-card/index.wxml-->
<nav type="back" background-color="#ffffff" frontColor="#000000" title="卡券包" />
<view class="all" style="height: {{contentHeight}}rpx;">
    <view class="tab-bar">
        <view class="tab-item {{currentTab == 0? 'active' : ''}}" bindtap="switchTab" data-index="0">
            优惠券
        </view>
        <view style="margin-left: 60rpx;" class="tab-item {{currentTab == 1? 'active' : ''}}" bindtap="switchTab" data-index="1">
            会员卡
        </view>
    </view>
    <view wx:if="{{currentTab == 0}}">
        <!-- 名宿 -->
        <view class="cardbox">
            <!-- 标题 -->
            <view class="picbox">
                <image class="image" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/gdufd1104330219.png"></image>
                <view class="tex">望仙民宿</view>
            </view>
            <!-- 卡片 -->
            <view class="card">
                <view class="car">
                    <view class="numbox">
                        <view class="num">100</view>
                        <view class="num-tex">元</view>
                    </view>
                    <view class="textbox">
                        <view class="text1">民宿住宿现金券</view>
                        <view class="text2">2024.11.11-2025.11.11</view>
                    </view>
                    <view class="bottom">使用</view>
                </view>
            </view>
        </view>
        <!-- 风物 -->
        <view class="cardbox">
            <!-- 标题 -->
            <view class="picbox">
                <image class="image" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/m1rt69104425214.png"></image>
                <view class="tex">云上风物</view>
            </view>
            <!-- 卡片 -->
            <block wx:for="{{6}}">
                <view class="card">
                    <view class="car">
                        <view class="numbox">
                            <view class="num">100</view>
                            <view class="num-tex">元</view>
                        </view>
                        <view class="textbox">
                            <view class="text1">民宿住宿现金券</view>
                            <view class="text2">2024.11.11-2025.11.11</view>
                        </view>
                        <view class="bottom">使用</view>
                    </view>
                </view>
            </block>

        </view>
    </view>

    <view wx:if="{{currentTab == 1}}">

    </view>
</view>