tourism-wxapp/nova-tourism/components/collect/index.wxml

<!--nova-tourism/components/collect/index.wxml-->
<nav type="title" background-color="#ffffff" frontColor="#000000" title="云上望仙" />
<view class="all" style="height: {{contentHeight}}rpx;">
    <image class="img2" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/jc17lo114657420.jpg"></image>
    <view class="tab-bar">
        <view style="margin-left: 66rpx;" class="tab-item {{currentTab == 0? 'active' : ''}}" bindtap="switchTab" data-index="0">
            云上风物
        </view>
        <view style="margin-left: 44rpx;" class="tab-item {{currentTab == 1? 'active' : ''}}" bindtap="switchTab" data-index="1">
            我的收藏
        </view>
    </view>
    <view wx:if="{{currentTab == 0}}">
        <view class="box">
            <view class="taps">
                <block wx:for="{{taps}}">
                    <view class="tap">
                        <image src="{{item.url}}"></image>
                        <view class="tap-tex">{{item.tex}}</view>
                    </view>
                </block>
            </view>
            <view class="box-tex">热门推荐</view>
            <view class="picturebox">
                <swiper autoplay="{{true}}" indicator-dots='{{true}}' indicator-color='#D9D9D9' indicator-active-color='#F8DA7F' interval="{{3000}}" circular duration="{{500}}" class="img" bindchange="onSwiperChange">
                    <block wx:for="{{imageUrls}}" wx:key="index" wx:for-item="img">
                        <swiper-item class="img">
                            <image src="{{img}}" mode="aspectFill"></image>
                        </swiper-item>
                    </block>
                </swiper>
            </view>

            <view class="wangbox">
                <view class="wang">望仙礼遇</view>
                <view class="wang2">望日w望月w来望仙w</view>
            </view>
            <view class="picturebox2" >
                <swiper autoplay="{{true}}" indicator-dots='{{true}}' indicator-color='#D9D9D9' indicator-active-color='#F8DA7F' interval="{{3000}}" circular duration="{{500}}" class="img" bindchange="onSwiperChange">
                    <block wx:for="{{imageUrls}}" wx:key="index" wx:for-item="img">
                        <swiper-item class="img" >
                            <image style="border-radius: 10rpx;" src="{{img}}"  mode="aspectFill"></image>
                        </swiper-item>
                    </block>
                </swiper>
            </view>

            <view class="wang-cardbox">
                <block wx:for="{{4}}">
                    <view class="wang-card" bindtap="gourl2">
                        <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/1ni1pl050800435.png"></image>
                        <view class="wang-catex">粉黛胖挑主人杯(无礼盒)·手做</view>
                        <view class="wang-numbox">
                            <view class="wang-num">
                                <view class="wang-num1">￥</view>
                                <view class="wang-num2">19900</view>
                            </view>
                            <view class="wang-submit">购买</view>
                        </view>
                    </view>
                </block>
            </view>

            <view class="more">
                <view class="more-tex">查看更多 ></view>
            </view>

            <view class="wangbox">
                <view class="wang">妆造旅拍</view>
            </view>


        </view>
    </view>
    <view wx:if="{{currentTab == 1}}">
        <!-- 卡片 -->
        <view class="Legendary-Information" wx:if="{{storeList.length!=0}}">
            <block wx:for="{{storeList}}" wx:if="{{item.isCollect&&item.homestayStore.isShow}}">
                <view class="cardbox">
                    <image class="pic" src="{{item.homestayStore.cover}}" data-id="{{item.homestayStore.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl"></image>
                    <view class="textobx">
                        <view class="title" data-id="{{item.homestayStore.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                            <view class="til">{{item.homestayStore.storeName}}</view>
                            <image class="collect" wx:if="{{!item.isCollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/2gcp1e030048570.png?imageView2/1/w/200/h/200"></image>
                            <image class="collect" wx:if="{{item.isCollect}}" src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/8mp9uj030058190.png?imageView2/1/w/200/h/200"></image>
                        </view>

                        <view class="miaosu"  data-id="{{item.homestayStore.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                            {{item.homestayStore.desc}}
                        </view>

                        <view class="bottom">
                            <view class="qian" data-id="{{item.homestayStore.objectId}}" data-url="../../pages/homestay/homestay-detail/index" bindtap="gourl">
                                ￥
                                <view class="numbox">
                                    {{item.homestayStore.perCapita}}
                                </view>
                            </view>
                            <view class="soucang" wx:if="{{!item.isCollect}}" data-id="{{item.homestayStore.objectId}}" bindtap="submit">收藏</view>
                            <view class="soucang" wx:if="{{item.isCollect}}" data-id="{{item.homestayStore.objectId}}" bindtap="cancle">取消</view>
                        </view>
                    </view>
                </view>
            </block>
        </view>
        <van-empty wx:if="{{storeList.length==0}}" image="network" description="暂无收藏" />
    </view>

</view>