court-badminton/pages/home/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:back="back" bind:tabPath="tabPath">
    <view slot="info" class="container main">
        <view class="one">
            <van-search value="{{ searchInfo.name }}" placeholder="请输入搜索关键词" show-action bind:search="onSearch" bind:cancel="onCancel" />
        </view>
        <view class="two">
            <view bindtap="btnChange" data-value="0">
                <text wx:if="{{ searchInfo.type=='' }}">运动类型</text>
                <text wx:if="{{ searchInfo.type=='0' }}">{{searchInfo.type_name||"运动类型"}}</text>
                <van-icon bind:click="showPopup" name="arrow-down" />
                <van-popup wx:if="{{btntype=='0'}}" position="bottom" custom-style="height: 46%;" show="{{ show }}" bind:close="onClose">
                    <van-picker show-toolbar title="运动类型" value-key="value" columns="{{ typeList }}" bind:cancel="onCancel" bind:confirm="ontypeConfirm" />
                </van-popup>
            </view>
            <view bindtap="btnChange" data-value="1">
                <text wx:if="{{ searchInfo.city_type=='' }}">城市</text>
                <text wx:if="{{ searchInfo.city_type=='1' }}">{{searchInfo.city_name||"城市"}}</text>
                <van-icon bind:click="showPopup" name="arrow-down" />
                <van-popup wx:if="{{btntype=='1'}}" position="bottom" custom-style="height: 46%;" show="{{ show }}" bind:close="onClose">
                    <van-picker show-toolbar title="城市" value-key="value" columns="{{ cityList }}" bind:cancel="onCancel" bind:confirm="oncityConfirm" />
                </van-popup>
            </view>
            <view bindtap="btnChange" data-value="2">
                <text wx:if="{{ searchInfo.match_type=='' }}">比赛状态</text>
                <text wx:if="{{ searchInfo.match_type=='2' }}">{{searchInfo.match_name||"比赛状态"}}</text>
                <van-icon bind:click="showPopup" name="arrow-down" />
                <van-popup wx:if="{{btntype=='2'}}" position="bottom" custom-style="height: 46%;" show="{{ show }}" bind:close="onClose">
                    <van-picker show-toolbar title="比赛状态" value-key="value" columns="{{ matchList }}" bind:cancel="onCancel" bind:confirm="onmatchConfirm" />
                </van-popup>
            </view>
        </view>
        <view class="thr">
            <scroll-view scroll-y="true" class="scroll-view">
                <view class="list-scroll-view">
                    <view class="list" wx:for="{{list}}" wx:key="item">
                        <view class="image">
                            <image src="{{item.src}}"></image>
                        </view>
                        <view class="content">
                            <view class="name"><text class="color{{item.status}}">{{item.status=='0'?'报名中':item.status=='1'?'报名截止':item.status=='2'?'报名结束':item.status=='3'?'发布秩序册':item.status=='4'?'比赛中':item.status=='5'?'比赛结束':'全部'}}</text>{{item.name}}</view>
                            <view class="title">报名时间：{{item.time}}</view>
                            <view class="title">比赛时间：{{item.match_time}}</view>
                            <view class="title">比赛地址：{{item.address}}</view>
                        </view>
                    </view>
                </view>
            </scroll-view>
        </view>
    </view>
</mobile-main>