court-mobile/pages/home/index.wxml

<mobile-main frameStyle="{{frameStyle}}" bind:tabPath="tabPath">
  <view slot="info" class="main" style="height:{{infoHeight}}px;">
    <view class="one">
      <image style="width: 100%; height: 240px; background-color: #eeeeee;" src="{{src}}"></image>
    </view>
    <view class="two">
      <view class="list" wx:key="item" wx:for="{{list}}">
        <view class="listtou">
          <view class="name">{{item.name}}</view>
          <view class="listbut"> <button class="button" size="mini" style="background:rgb(238, 147, 28);" wx:if="{{item.state == '进行中'}}">{{item.state}}</button>
            <button class="button" size="mini" style="background:rgb(238, 88, 28);" wx:if="{{item.state == '待比赛'}}">{{item.state}}</button>
            <button class="button" size="mini" style="background:rgb(54, 233, 48)" wx:if="{{item.state == '报名中'}}">{{item.state}}</button>
            <button class="button" size="mini" style="background:rgb(136, 136, 136);" wx:if="{{item.state == '已结束'}}">{{item.state}}</button>
          </view>
        </view>
        <view class="left1">
          <view class="otherInfo">
            <text class="text1">{{item.date}}</text>
            <text class="text1">{{item.week}}</text>
            <text class="text1">{{item.time}}</text>
          </view>
          <view class="otherInfo textOver"><text class="text3">{{item.address}}</text></view>
        </view>
        <view class="right1" wx:if="{{item.listbisai}}" wx:for="{{item.listbisai}}" wx:for-item="items">
          <view class="right1_1">
            <text class="text4">{{items.match}}</text>
            <text class="text4">{{items.group}}</text>
          </view>
          <view class="right1_2">
            <view class="right1_2o">
              <image class="head1" src="{{items.head1}}"></image>
            </view>
            <view class="right1_2t"><text>{{items.groupname1}}</text></view>
            <view class="right1_2i">
              <text class="text6">{{items.fraction1}}</text>
              <text class="text8">:</text>
              <text class="text7">{{items.fraction2}}</text>
            </view>
            <view class="right1_2t"><text>{{items.groupname2}}</text></view>
            <view class="right1_2o">
              <image class="head2" src="{{items.head2}}"></image>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</mobile-main>