uniapp微信小程序下拉刷新不能复位问题，以及更改下拉刷新样式详细代码

下面是uniapp微信小程序下拉刷新不能复位问题的详细代码示例：

1. 在小程序页面的onPullDownRefresh回调函数中手动停止下拉刷新并复位页面：

onPullDownRefresh() {
  // 执行下拉刷新操作
  // ...

  // 停止下拉刷新并复位页面
  uni.stopPullDownRefresh()
}

2. 如果页面中存在滚动元素，需要在滚动元素的scroll事件中判断是否处于顶部，并手动触发下拉刷新：

onScroll(e) {
  const scrollTop = e.detail.scrollTop
  const isTop = scrollTop === 0

  if (isTop) {
    // 触发下拉刷新
    uni.startPullDownRefresh()
  }
}

下面是uniapp微信小程序更改下拉刷新样式的详细代码示例：

1. 在pages.json中配置"enablePullDownRefreshStyle": true：

{
  "pages": [
    {
      "path": "pages/index/index",
      "enablePullDownRefresh": true,
      "enablePullDownRefreshStyle": true
    }
  ]
}

2. 在页面的onPullDownRefresh回调函数中自定义下拉刷新样式：

onPullDownRefresh() {
  // 自定义下拉刷新样式
  uni.showNavigationBarLoading()

  setTimeout(() => {
    // 执行下拉刷新操作
    // ...

    // 停止下拉刷新
    uni.hideNavigationBarLoading()
    uni.stopPullDownRefresh()
  }, 2000)
}

其中，uni.showNavigationBarLoading()和uni.hideNavigationBarLoading()方法可以用来显示和隐藏自定义下拉刷新样式。在这个示例中，我们通过setTimeout模拟了一个下拉刷新的操作，并在操作完成后停止下拉刷新并隐藏自定义下拉刷新样式。