court-badminton/pages/matchInfo/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:back="back">
    <view slot="info" class="container main">
        <view class="zero one">
            <e-tabs tabs="{{tabs}}" bind:tabsChange="tabsChange"></e-tabs>
            <view wx:if="{{tabs.active=='a'}}" class="a" style="height: {{user.type=='0'?74:81}}vh;">
                <scroll-view scroll-y="true" class="scroll-view">
                    <view class="list-scroll-view">
                        <view class="a_1">
                            <image class="image" src="{{fileUrl}}/files/court/elimg/20220729140648.png"></image>
                            <view class="a_1_info">
                                <view class="a_1_1">
                                    <view class="name">{{info.name}}</view>
                                    <view class="status"><text>{{info.statusZh}}</text></view>
                                    <view class="other">
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>报名截止时间：</text>
                                            <text>{{info.sign_end_time}}</text>
                                        </view>
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>比赛时间：</text>
                                            <text>{{info.start_time}}-{{info.end_time}}</text>
                                        </view>
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>比赛地点：</text>
                                            <text>{{info.address}}</text>
                                        </view>
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>报名费用说明：</text>
                                            <text>{{info.money_remark}}</text>
                                        </view>
                                        <view class="other_1">
                                            <van-icon class="icon" name="like-o" />
                                            <text>付款方式：</text>
                                            <text>{{info.money_mode}}</text>
                                        </view>
                                    </view>
                                </view>
                                <view class="a_1_1 a_1_2">
                                    <view class="a_1_2t">
                                        <view class="txt">报名说明：</view>
                                        <view class="cont">{{info.explain}}</view>
                                    </view>
                                    <view class="a_1_2t">
                                        <view class="txt">赛事规程：</view>
                                        <view class="cont">{{info.regular}}</view>
                                    </view>
                                </view>
                            </view>
                        </view>
                    </view>
                </scroll-view>
            </view>
            <view wx:elif="{{tabs.active=='b'}}" class="a b" style="height: 81vh !important;">
                <scroll-view scroll-y="true" class="scroll-view">
                    <view class="list-scroll-view">
                        <view class="b_1">
                            <van-collapse value="{{ bActive }}" accordion bind:change="bChange">
                                <van-collapse-item name="{{index}}" class="groupList" wx:for="{{groupList}}" wx:for-item="item" wx:for-index="index">
                                    <view slot="title" class="title">
                                        <view>{{item.name}}({{item.age}},{{item.gender}})</view>
                                        <view>{{item.total}}人</view>
                                    </view>
                                    <view class="project">
                                        <view class="projectList" wx:for="{{item.project}}" wx:for-item="tag">
                                            <view class="project_1">
                                                <view class="project_1_1">组内项目：{{tag.name}}</view>
                                                <view class="project_1_1">{{tag.total}}人</view>
                                            </view>
                                            <view class="user">
                                                <view class="userList" wx:for="{{tag.user}}" wx:for-item="qwe">
                                                    <image class="icon" src="{{qwe.icon[0].url}}"></image>
                                                    <view class="name">{{qwe.name}}</view>
                                                </view>
                                            </view>
                                        </view>
                                    </view>
                                </van-collapse-item>
                            </van-collapse>
                        </view>
                    </view>
                </scroll-view>
            </view>
            <view wx:elif="{{tabs.active=='c'}}" class="a c" style="height: 81vh !important;">
                <view class="c_1">
                    <view class="c_1btn">
                        <button type="primary" bindtap="orderChange" data-ctype="{{cType}}">{{cType=='0'?'查看对阵表':'查看场次表'}}</button>
                    </view>
                    <view class="c_1inp">
                        <input type="text" value="{{cSearch.name}}" bindconfirm="cSearch" placeholder="{{cType=='0'?'请输入队友姓名':'请输入项目名称'}}" />
                    </view>
                </view>
                <view class="c_2">
                    <scroll-view scroll-y="true" class="scroll-view">
                        <view class="list-scroll-view">
                            <view class="cList" wx:for="{{cList}}" wx:key="item">
                                <view class="cList_0" wx:if="{{cType=='0'}}">
                                    <view class="name">
                                        <text>{{item.grouping_name}}</text>
                                        <text>{{item.project_name}}</text>
                                        <text>{{item.team_name}}</text>
                                        <text>{{item.ground_name}}</text>
                                    </view>
                                    <view class="pk">
                                        <view class="pk_1">
                                            <text>{{item.player_one_name}}</text>
                                        </view>
                                        <view class="pk_2">
                                            <view class="time">{{item.match_time}}</view>
                                            <view class="score"><text>{{item.score_one||0}}</text>-{{item.score_two||0}}</view>
                                        </view>
                                        <view class="pk_1">
                                            <text>{{item.player_two_name}}</text>
                                        </view>
                                    </view>
                                </view>
                                <view class="cList_1" wx:elif="{{cType=='1'}}">
                                    <text>{{item.grouping_name}}</text>
                                    <text>{{item.project_name}}</text>
                                    <text>{{item.name}}</text>
                                </view>
                            </view>
                        </view>
                    </scroll-view>
                </view>
            </view>
            <view wx:elif="{{tabs.active=='d'}}" class="a d" style="height: 81vh !important;">
                <view class="d_1">
                    <e-tabs tabs="{{dtabs}}" bind:tabsChange="dtabsChange"></e-tabs>
                </view>
                <view class="d_2">
                    <view wx:if="{{dtabs.active==dtabs.list[dtabs.active].name}}">
                        <scroll-view scroll-y="true" class="scroll-view">
                            <view class="list-scroll-view">
                                <view class="dList" wx:for="{{raceList}}" wx:key="item">
                                    <view class="name">
                                        <text>{{item.grouping_name}}</text>
                                        <text>{{item.project_name}}</text>
                                        <text>{{item.team_name}}</text>
                                        <text>{{item.ground_name}}</text>
                                    </view>
                                    <view class="pk">
                                        <view class="pk_1">
                                            <text>{{item.player_one_name}}</text>
                                        </view>
                                        <view class="pk_2">
                                            <view class="time">{{item.match_time}}</view>
                                            <view class="score"><text>{{item.score_one||0}}</text>-{{item.score_two||0}}</view>
                                        </view>
                                        <view class="pk_1">
                                            <text>{{item.player_two_name}}</text>
                                        </view>
                                    </view>
                                </view>
                            </view>
                        </scroll-view>
                    </view>
                </view>
            </view>
            <view wx:elif="{{tabs.active=='e'}}" class="a e" style="height: 81vh !important;">
                <scroll-view scroll-y="true" class="scroll-view">
                    <view class="list-scroll-view">
                        <view class="eList" wx:for="{{raceteamList}}" wx:key="item">
                            <text>{{item.grouping_name}}</text>
                            <text>{{item.project_name}}</text>
                            <text>{{item.name}}</text>
                        </view>
                    </view>
                </scroll-view>
            </view>
        </view>
        <view class="zero two" wx:if="{{user.type=='0'}}">
            <view class="two_1">
                <button type="default" bindtap="toCommon" data-route="home">更多赛事</button>
            </view>
            <view class="two_2">
                <button type="default" bindtap="toCommon" data-route="topic">更多话题</button>
            </view>
            <view class="two_3">
                <button type="primary" bindtap="toSign" data-item="{{info}}">赛事报名</button>
            </view>
        </view>
    </view>
</mobile-main>