<view class="box-pos-rel flex flex-direct-column {{customClass}}" style="{{customStyle}}">
    <view class="flex flex-just-space-between flex-items-end pd-tb-4 pd-lr-8">
        <view>{{title}}</view>
        <view class="text-size-mini text-color-sub" bind:tap="{{morePagepath ? '_onToPage' : ''}}" data-url="{{morePagepath}}">
            <text>{{moreText}}</text>
            <text class="cuIcon-right mr-l-2"></text>
        </view>
    </view>
    <scroll-view
            scroll-x
            class="flex-grow-full box-sizing"
            style="white-space: nowrap;"
    >
        <!--
            @param string pagePath 接受组件传参修改导航页面

            行程精选 列表数据结构（基本暂定）
            tourShow：true 展示
            tourList: [
                {
                    id: 0,
                    image: "url/images.jpg",
                    title: "想去哪就去哪几日游",
                    location: "地球"
                }
            ]
        -->
        <navigator
                wx:if="{{tourShow}}"
                wx:for="{{listRaw}}"
                wx:key="id"
                url="{{pagePath + '?id=' + item.id}}"
                class="list-box box-pos-rel border-radius-rect inline-block mr-t-8"
                style="margin-right: 24rpx"
        >
            <van-image
                    width="100%"
                    height="100%"
                    lazy-load
                    fit="cover"
                    src="{{item.thumb_images[0]}}"
                    use-loading-slot
            >
                <van-loading slot="loading" type="circular" size="24" color="#07c160" vertical/>
            </van-image>
            <view class="box-pos-abs list-text pd-8 text-color-white mr-b-2 page-w-full box-sizing ">
                <view class="text-size-normal" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis">{{item.title}}</view>
                <view class="text-size-mini mr-t-2" wx:if="{{item.location}}">
                    <text class="cuIcon-locationfill mr-r-2"></text>
                    <text>{{item.location}}</text>
                </view>
            </view>
        </navigator>
        <!-- 热门活动 -->
        <!--
            热门活动 列表数据结构
            actShow: true 展示
            actList: [
                {
                    id: 0,
                    image: "url/images.jpg",
                    title: "面对疾风吧！",
                    location: "祖安",
                    price: 998,
                    pay_price: 199,
                    end_time: '1970-01-01',
                    rate: 4.5,
                    count_text: '0.35k'
                }
            ]
        -->
        <navigator
                wx:if="{{actShow}}"
                wx:for="{{listRaw}}"
                wx:key="id"
                url="{{pagePath + '?id=' + item.id}}"
                class="act-box box-pos-rel border-radius-rect inline-block mr-t-8 box-shadow pd-b-8"
                style="margin-right: 24rpx"
        >
            <view class="img-header page-w-full page-h-full box-pos-rel">
                <van-image
                        width="320"
                        height="200"
                        lazy-load
                        fit="cover"
                        src="{{item.thumb_images}}"
                        use-loading-slot
                >
                    <van-loading slot="loading" type="circular" size="24" color="#07c160" vertical/>
                </van-image>
                <view class="box-pos-abs text-size-normal act-location text-color-white pd-8">
                    <text class="cuIcon-locationfill mr-r-2"></text>
                    <text>{{item.location}}</text>
                </view>
            </view>
            <view class="pd-lr-8 box-sizing">
                <view class="mr-l-2 text-size-large mr-tb-4" style="overflow:hidden;white-space:nowrap;text-overflow:ellipsis">{{item.title}}</view>
                <view class="flex flex-items-center">
                    <van-rate readonly size="15" allow-half gutter="0" value="{{item.rate}}" />
                    <!--销量-->
                    <text class="text-size-mini mr-l-8 flex-stretch text-color-sub">
                        <text>{{item.sales}} 预订</text>
                    </text>
                </view>
                <!-- 划线价 -->
                <view class="mr-l-2 text-color-disable" style="text-decoration: line-through; font-weight: 100;">
                    <text class="fa fa-rmb" style="font-size: 12px;"></text>
                    <text class="mr-l-2 text-size-mini">{{item.line_price ? item.line_price : 0}}</text>
                </view>
                <!-- 实价 & 截止时间 -->
                <view class="mr-l-2 flex flex-just-space-between flex-items-center">
                    <view>
                        <text class="fa fa-rmb" style="font-size: 12px"></text>
                        <text class="mr-l-2 text-size-normal">{{item.price ? item.price : 0}}</text>
                        <text class="cuIcon-lightfill text-size-mini mr-l-4" style="color: #ffd21e"></text>
                    </view>
                    <view class="text-size-mini">
                        <block wx:if="{{item.end_time}}">
                            <text>截止时间：</text>
                            <text>{{item.end_time}}</text>
                        </block>
                        <block wx:else>
                            <text class="text-color-disable">已截止报名</text>
                        </block>
                    </view>
                </view>
            </view>
        </navigator>
    </scroll-view>
</view>