hulimall/pages/user/score.wxml

<view class="body" wx:if="{{remind}}">
  <view class='zong'>
    <view class="spinner">
      <view class="spinner-container container1">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
      <view class="spinner-container container2">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
      <view class="spinner-container container3">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
    </view>
  </view>
</view>
<!-- 加载页面结束 -->
<block wx:else>
  <view class='score' style='display: flex;flex-direction: column;justify-content:center;'>
    <view class="myscore" style='background-image:url({{bgcolor}});'>
      <view class='scoreData'>
        <view class='scoreNum'>{{score | 0}}</view>
        <view class="yh-kyjf">当前可用积分</view>
      </view>

      <view class='scoreData'>
        <view class='scoreNum'>{{scoreNum | 0}}</view>
        <view class="yh-kyjf">当前积分</view>
      </view>

      <view class='scoreData'>
        <view class='scoreNum'>{{frozenScore | 0}}</view>
        <view class="yh-kyjf">当前冻结积分</view>
      </view>

      <view class='useExp' bindtap='_toGradeUse(true)'>
        <image src="/images/sign_rule.png" mode=""/>
        <view>使用说明</view>
      </view>
    </view>

    <view class="use_detail" style="width:95%;height:800rpx;margin:0 auto;">
      <view class="swiper-tab">
        <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">全部明细</view>
        <view class="swiper-tab-list {{currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">获取明细</view>
        <view class="swiper-tab-list {{currentTab==2 ? 'on' : ''}}" data-current="2" bindtap="swichNav">使用明细</view>
      </view>
      <swiper current="{{currentTab}}" class="swiper-box" duration="300" style="height:{{winHeight - 31}}px" bindchange="bindChange">
        <swiper-item>
          <scroll-view scroll-y="true">
            <view class="search_no" wx:if="{{!sign.length}}">
              <text>暂无积分记录/(ㄒoㄒ)/~~</text>
            </view>
            <view class='obtain_box' wx:for="{{sign}}" wx:key="key">
              <view class='jf_obtain'>
                <view class="left">
                  <view class='obtain_bt'>{{item.name}}</view>
                  <view class='obtain_bt' style='color:#777;font-size:24rpx;'>{{item.sign_time}}</view>
                </view>
                <view class='obtain_bt' style='position:absolute;right:20rpx;'>+{{item.sign_score}}</view>
              </view>
            </view>
          </scroll-view>
        </swiper-item>
        <swiper-item>
          <scroll-view scroll-y="true">
            <view class="search_no" wx:if="{{!list.length}}">
              <!-- <view class="font_14"><image class="scimg" src="/images/search_no.png"></image></view> -->
              <text>暂无积分记录/(ㄒoㄒ)/~~</text>
            </view>
            <view class='obtain_box' wx:for="{{list}}" wx:key="key">
              <view class='jf_obtain'>
                <view class="left">
                  <view class='obtain_bt'>{{item.name}}</view>
                  <view class='obtain_bt' style='color:#777;font-size:24rpx;'>{{item.sign_time}}</view>
                </view>
                <view class='obtain_bt' style='position:absolute;right:20rpx;'>+{{item.sign_score}}</view>
              </view>
            </view>
          </scroll-view>
        </swiper-item>
        <swiper-item>
          <scroll-view scroll-y="true">
            <view class="search_no" wx:if="{{!list.length}}">
              <text>暂无积分记录/(ㄒoㄒ)/~~</text>
            </view>
            <view class='obtain_box' wx:for="{{list}}" wx:key="key">
              <view class='jf_obtain'>
                <view class="left">
                  <view class='obtain_bt'>{{item.name}}</view>
                  <view class='obtain_bt' style='color:#777;font-size:24rpx;'>{{item.sign_time}}</view>
                </view>
                <view class='obtain_bt' style='position:absolute;right:20rpx;'>+{{item.sign_score}}</view>
              </view>
            </view>
          </scroll-view>
        </swiper-item>
      </swiper>
    </view>
  </view>
</block>