efunbox-schedule-miniApps/pages/index/index.wxml

<!--index.wxml-->
<view class="container">
  <!-- 标题 -->
  <view class="menu">
    <scroll-view scroll-x="true" class="top-nav" scroll-with-animation="true" scroll-left="{{left}}" >
        <block wx:for="{{motto}}" wx:for-item="item" wx:key="index" wx:for-index="itemIdx">
          <view bindtap="navItemTap" class="top-btn {{navBtnSelectIdx == itemIdx ? 'top-hoverd-btn' : ''}}" data-index="{{itemIdx}}">
            {{item}}              
            <view class="striping {{navBtnSelectIdx == itemIdx ? 'top-hoverd-striping' : ''}}"></view>
          </view>
        </block>
    </scroll-view>
  </view>
  <!-- 内容 -->
  <view class="content">
      <scroll-view scroll-y="true" bindscroll="lower"  scroll-with-animation="true" enable-back-to-top="true">
          <!-- 我的 -->
          <view class="my {{navBtnSelectIdx == 0 ? '' : 'none'}}">
            <!-- 个人信息 -->
            <view class='message'>
              <view class='user'>
                <view class='head'>
                  <image class="userinfo-avatar" src="{{data.users.headImgUrl}}" background-size="cover"></image>
                  <view class='left'>
                    <view class="name">
                      {{data.users.wechatName}}
                      <text class='LV'>LV.{{data.level}}</text>
                    </view>
                    <view class="student">
                      学号：
                      <text>{{data.users.eid}}</text>
                    </view>
                  </view>
                </view>
                <view class='grade'>{{grade}}</view>
              </view>
              <view class='personal'>
                <view class="particulars">
                    <text>登录天数</text>
                    <text>{{data.users.loginDay}}</text>
                </view>
                <view class="particulars">
                  <text>总时长</text>
                  <text>{{time}}</text>
                </view>
                <view class="particulars">
                  <text>当前排名</text>
                  <text>{{data.scoreRank}}</text>
                </view>
                <view class="particulars">
                  <text>超过用户</text>
                  <text>{{data.proportion}}%</text>
                </view>
              </view>  
            </view>
            <!-- 勋章 -->
            <view class="medal">
              <view class="title">
                <text>我的勋章</text>
                <text class="{{data.metalsList.length > 0 ? 'none' : ''}}">本周还没获得</text>
              </view>
              <view class="img">
                <view wx:for="{{data.metalsList}}" wx:key="{{item.id}}" >    
                  <image src="{{item.img}}"></image>
                  <text>{{item.name}}</text>
                </view>
              </view>
            </view>
            <!-- 课模板 -->
            <view>
              <curriculum studyLog="{{ data.studyLog }}"/>
            </view>
            <!-- <view class='questions'>
              <scroll-view>
              <text class="{{questionsPreviewing ? 'adsorb' : ''}}">答疑</text>
              <view>
              </view>
              </scroll-view>
            </view>
            <view class='share'>
             <text class="{{questionsShare ? 'adsorb' : ''}}">分享</text>
             <view></view>
            </view> -->
          </view>
          <!-- 本周推荐 -->
          <view class="recommend {{navBtnSelectIdx == 1 ? '' : 'none'}}">
            <recommend recommendData="{{recommendData}}"/>
          </view>
          <!-- 科学艺术 -->
          <view class="art {{navBtnSelectIdx == 7 ? '' : 'none'}}">
            <art />
          </view>
      </scroll-view>
  </view>
</view>