@antmjs/vantui/es/pagination/demo/demo4.js

一套适用于Taro3及React的vantui组件库

import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
/* eslint-disable */
import react from 'react';
import { Pagination, Icon } from '@antmjs/vantui';
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsx as _jsx } from "react/jsx-runtime";
export default function Demo() {
  var _react$useState = react.useState(1),
    _react$useState2 = _slicedToArray(_react$useState, 2),
    currentPage4 = _react$useState2[0],
    setCurrentPage4 = _react$useState2[1];
  var pageChange4 = function pageChange4(v) {
    var c = v;
    setCurrentPage4(c);
  };
  var pageNodeRender = function pageNodeRender(page) {
    return /*#__PURE__*/_jsx(_Fragment, {
      children: page.number == 3 ? 'hot' : page.text
    });
  };
  return /*#__PURE__*/_jsx(Pagination, {
    modelValue: currentPage4,
    totalItems: "500",
    showPageSize: "5",
    onChange: pageChange4,
    pageNodeRender: pageNodeRender,
    prevText: /*#__PURE__*/_jsx(Icon, {
      name: "arrow-left"
    }),
    nextText: /*#__PURE__*/_jsx(Icon, {
      name: "arrow"
    })
  });
}