import { PullRefresh } from "@ls-design/ui-react";

export default () => {
const [loading, setloading] = useState(false);
  const [count, setCount] = useState(0);

  const onload = () => {
    setloading(true);
    setTimeout(() => {
      console.log('刷新成功');

      setloading(false);
      setCount((count) => count + 1);
    }, 1000);
  };

  return (
    <div style={{ overflowY: 'auto', height: 200 }}>
      <PullRefresh dark loading={loading} onRefresh={onload}>
        <div slot="content" className="pull-content">
          刷新次数: {count}
        </div>
      </PullRefresh>
    </div>
  );
}

<PullRefresh dark loading={loading} onRefresh={onFresh}>
  <div className="content" slot="content">{ count }</div>
</PullRefresh>

<PullRefresh dark loading={loading} onRefresh={onFresh}>
  <div slot="content" className="pull-content">刷新次数: { count }</div>
  <div className="refresh-text" slot="pulling">
    下拉提示
  </div>
  <div className="refresh-text" slot="loosing">
    松开立即刷新
  </div>
  <div className="refresh-text" slot="loading">
    <ls-icon-loading size="18">正在刷新数据...</ls-icon-loading>
  </div>
</PullRefresh>