微信小程序 顶部 选项卡 tabs 下拉刷新

微信小程序 顶部 选项卡 tabs 下拉刷新

**首先 wxml 页面 带swiper 滑动切换功能 **

<!--pages/my/my.wxml-->
<view class="swiper-tab">
  <view class="tab-item {
    {currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">每日体重</view>
  <view class="tab-item {
    {currentTab==1 ? 'on' : ''}}" data-current="1" bindtap="swichNav">体重趋势</view>
</view>
<swiper current="{
    {currentTab}}" class="swiper" duration="300" style="height:{
       {
       winHeight - 30}}px"
  bindchange="bindChange">
  <swiper-item class="item">
    <view class="record">
      <view class="title">体重记录</view>
      <view class="desc">记录目标,减肥更有动力</view>
      <view class="btn" bindtap="record">记录今天体重</view>
    </view>
    <scroll-view scroll-y="true" style="height: 300px;"  bindscrolltolower="bottom"  >
      <block wx:for="{
    {weight}}">
        <view class="top">
          <view class="date">{
  {item.date}}</view>
          <view class="poor