<!--pages/FirstPage/index.wxml-->
<view class="first_container">
    <!-- 切换位置 -->
    <view class="first_head">
        <view class="area_info">
            <image class="area_icon" src="../../assets/first/area_icon.png"></image>
            <view class="current_area">当前位置：<text style="font-weight: 600;">{{areaName}}</text></view>
        </view>
        <view class="select_location" bindtap="goSelectLocation">切换位置 <image style="width: 12rpx;" mode="widthFix" src="../../assets/first/go.png"></image></view>
    </view>
    <view class="main_container">
        <!-- 图片 -->
        <view class="banner">
            <image class="banner_image" mode="widthFix" src="../../assets/first/home_banner.png" bindtap="redirectToAd"></image>
        </view>


        <!-- 快捷入口 -->
        <view class="fast_enters">
            <view class="enter_item" wx:for="{{entersList}}" data-path="{{item.path}}" data-title="{{item.title}}" data-type="{{item.type}}" wx:key="index" bindtap="goPage">
                <image class="enter_icon" src="{{item.iconPath}}"></image>
                <text class="enter_title">{{item.title}}</text>
            </view>
        </view> 

        <!-- 在线人数 -->
        <view class="live_box">
            <image class="live_bg" mode="widthFix" src="../../assets/first/live_bg.png"></image>
            <view class="live_message">
                <text style="color: #fff;font-size: 26rpx">参与人次</text>
                <text style="color: #ffffff;;font-size: 32rpx;font-weight: 400;font-family: Fontquan-XinYiGuanHeiTi;">{{liveNum}}人</text>
            </view>
        </view>

        <!-- 河道展示 -->
        <view class="rivers_box">
            <view class="list_header">
                <view class="list_title">河道展示</view>
                <view class="more_btn" bindtap="showMoreRivers">查看更多</view>
            </view>
            <list class="rivers_list" url="{{current}}" list="{{list}}" params="{{params}}" bind:update-list="updateList" bind:reset-list="resetList">
                <view class="river_item" wx:for="{{list}}" wx:key="index" bindtap="showDetail" data-item="{{item}}">
                    <image class="river_image" src="{{item.image}}"></image>
                    <view class="river_info">
                        <view class="river_head">
                            <view class="river_name">{{item.name}}</view>
                            <view class="river_button" catchtap="uploadProblem" data-current="{{index}}" data-detail="{{item}}">上报问题</view>
                        </view>
                        <view class="river_location">{{item.location}}</view>
                        <view class="river_note">{{item.note || ''}}</view>
                    </view>
                </view>
            </list>
        </view>

    </view>
</view>
