<!--nova-tourism/pages/collect/collect-detail/index.wxml-->
<nav type="back" background-color="#ffffff" frontColor="#000000" title="商品详细" />
<view class="bax" style="height: {{contentHeight}}rpx;" >
    <view class="all" style="height: {{contentHeight}}rpx;">
        <!-- 轮播图 -->
        <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="box">
            <view class="infobox">
                <view class="title">粉黛胖挑主人杯(无礼盒)·手做 粉黛胖挑主人杯(无礼盒)·手做</view>
                <view class="lebalbox">
                    <block wx:for="{{2}}">
                        <view class="lebal">热销好物</view>
                    </block>
                </view>
                <view class="carbox">
                    <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/62pr1k034930486.png"></image>
                    <view class="car-tex">48小时内发货</view>
                </view>
                <view class="carbox2">
                    <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/1st61g035044073.png"></image>
                    <view class="car-tex">紫色经典款</view>
                    <van-icon name="arrow" size='15' color='#727783' style="margin-left: auto;" />
                </view>
                <view class="carbox3">
                    <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/2bp2t7035055633.png"></image>
                    <view class="carbox3-tex">
                        <view class="carbox3-tex1">陶瓷工艺</view>
                        <view class="carbox3-tex2">直径5cm高7cm</view>
                    </view>
                </view>
                <view class="carbox4">
                    <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/j2sn43035105148.png"></image>
                    <view class="car-tex">确认收货地址</view>
                    <van-icon name="arrow" size='15' color='#727783' style="margin-left: auto;" />
                </view>
            </view>
            <view class="tipbox">
                <view class="dinggou">
                    <view class="dinggou-title">订购须知</view>
                    <view class="dinggou-tex">1.订购须知订购须知订购须知订购须知订购须知订购须知订购须知订购须知订购须知订购须知订购须知</view>
                </view>
                <view class="picbox">
                    <block wx:for="{{4}}">
                        <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/jc17lo114657420.jpg"></image>
                    </block>
                </view>
                <view class="dinggou">
                    <view class="dinggou-title">售后须知</view>
                    <view class="dinggou-tex">1.售后须知售后须知售后须知售后须知售后须知售后须知售后须知售后须知</view>
                </view>
            </view>
            <view class="tipbox2">
                <view class="dinggou">
                    <view class="dinggou-title">关于云上望仙</view>
                    <view class="dinggou-tex">1.关于云上望仙关于云上望仙关于云上望仙关于云上望仙关于云上望仙关于云上望仙关于云上望仙</view>
                </view>
                <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241121/jc17lo114657420.jpg"></image>
                <view>log</view>
                <view class="tip2-tex">公众号 抖音号 小红书</view>
            </view>
        </view>
    </view>

    <!-- 按钮 -->
    <view class="paybox">
        <view class="pay1">
            <image src="https://file-cloud.fmode.cn/EbxZUK5lBI/20241230/rpl9a1024145457.png"></image>
            <view class="pay1-tex">首页</view>
        </view>
        <view class="pay2">
            <view class="pay2-tex">优惠100</view>
            <view class="pay2-tex2">实付款￥19899.00</view>
        </view>
    </view>

</view>