tuns-mobile-components/src/pages/demo/index.js

Tuns Design UI

import React from "react";
import { List } from "antd-mobile";
// import { Link } from "react-router-dom";
import { router } from "../../components/yeo-router/src";
import styles from "./index.less";

const { Item } = List;

const DemoPage = () => {
  return (
    <div className={styles.root}>
      <List className={styles.list}>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/form")}
        >
          Form Component Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/async")}
        >
          异步场景
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/orderbutton")}
        >
          OrderButton Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/tabs")}
        >
          UITabs Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/bottom")}
        >
          Bottom Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/listcard")}
        >
          ListCard Component Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/order")}
        >
          Order Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/noticebar")}
        >
          NoticeBar Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/picker")}
        >
          Picker Component Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/listscroll")}
        >
          ListScroll Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/icons")}
        >
          Icons Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/utils")}
        >
          Utils Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/resultcard")}
        >
          ResultCard Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/recommendcard")}
        >
          Recommendcard Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/tree")}
        >
          Tree Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/table")}
        >
          Table Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/gridpick")}
        >
          GridPick Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/evaluatedemo")}
        >
          Evaluate Demo
        </Item>
        <Item
          className={styles.item}
          arrow="horizontal"
          onClick={() => router.push("/demo/map")}
        >
          Position Demo
        </Item>
      </List>
    </div>
  );
};

export default DemoPage;