bilibili-bangumi-component
Version:
展示 bilibili 与 Bangumi 追番列表的 WebComponent 组件
5 lines (4 loc) • 810 B
JavaScript
import { h } from "@stencil/core";
export function Pagination({ pageNumber, totalPages, onChange, onInputChange }) {
return (h("div", { class: "bbc-pagination" }, h("a", { class: "bbc-pagination-button", onClick: () => onChange('head') }, "\u9996\u9875"), h("a", { class: "bbc-pagination-button", onClick: () => onChange('prev') }, "\u4E0A\u4E00\u9875"), h("span", { class: "bbc-pagination-pagenum" }, `${pageNumber} / ${totalPages}`), h("a", { class: "bbc-pagination-button", onClick: () => onChange('next') }, "\u4E0B\u4E00\u9875"), h("a", { class: "bbc-pagination-button", onClick: () => onChange('tail') }, "\u5C3E\u9875"), h("div", { class: "bbc-pagination-input" }, h("span", null, "\u8DF3\u81F3"), h("input", { type: "text", maxLength: 4, onChange: onInputChange }), h("span", null, "\u9875"))));
}