清除小程序button默认属性、text文字居中,上拉加载更多

1.清除小程序button默认属性

button::after{

border:none;

}



input{

outline:none;

border:none;

list-style: none;

}

2.text文件居中

解决办法：给外层div设置高度后，line-height：100%

3.上拉加载更多

     <view class="loading" hidden="{{!requestLoading}}">正在载入更多...</view>
      <view class="complete" hidden="{{!requestLoadingComplete}}">已加载全部</view>

不在scroll-view中

    ccase: [],
    requestPageNum: 1,   // 设置加载的第几次，默认是第一次
    callbackcount: 1,      //返回数据的个数 ，前端自己可以定制返回数据的个数
    requestLoading: false, //"上拉加载"的变量，默认false，隐藏
    requestLoadingComplete: false,  //“没有数据”的变量，默认false，隐藏
    remind: '加载中',  


  //点击加载更多
  getMore: function (e) {
    let _this = this;
    var page = _this.data.requestPageNum;

    App._get('index/getClassiCaseMore', {
      page: page,
      limit: _this.data.callbackcount,
    }, function (result) {
      console.log(result);
      var list = result.data
      console.log(_this.data.ccase)
      if (list.length == '0') {
        _this.setData({
          requestLoadingComplete: true,
          requestLoading: false
        })
        return false;
      } else {
        _this.setData({
          requestLoadingComplete: false,
          requestLoading: true,
          ccase: _this.data.ccase.concat(list)
        })
      }
      _this.setData({
        remind: ''
      });
    });

  },

onReachBottom: function () {
    console.log("page上拉触底")
    let that = this;
    if (that.data.requestLoading && !that.data.requestLoadingComplete) {
      that.setData({
        requestPageNum: that.data.requestPageNum + 1,  //每次触发上拉事件，把requestPageNum+1
      })
      that.getMore();
    }
  },

在scroll-view中

<scroll-view bindscrolltolower="ToBottom" lower-threshold="50"></scroll-view>

  ToBottom: function () {
    console.log("page上拉触底")
    let that = this;
    if (that.data.requestLoading && !that.data.requestLoadingComplete) {
      that.setData({
        requestPageNum: that.data.requestPageNum + 1,  //每次触发上拉事件，把requestPageNum+1
      })
      that.getMore();
    }
  },