front-cli / fw-h5app-template

  import { Button, Toast } from '@feewee/h5app-common';

  import { Helmet } from '@modern-js/runtime/head';

  import { useNavigate } from '@modern-js/runtime/router';

  function Index() {
    const navigate = useNavigate();
  
    return (
      <>
        <Helmet>
          <link rel="icon" type="image/x-icon" href="https://lf3-static.bytednsdoc.com/obj/eden-cn/uhbfnupenuhf/favicon.ico" />
        </Helmet>
        <main className="p-4 h-screen h-svh">
          <div className="text-center">这是首页</div>
          <div className=" mt-4">
            <Button type="info" shape="round" fill="outline" className="!mx-auto !block" onClick={() => navigate('/demo')}>
              跳转页面
            </Button>

  
            <Button
              type="primary"
              shape="round"
              className="!mx-auto !block !mt-4"
              onClick={() =>
                Toast.show({
                  content: '成功提示',
                  icon: 'success',
                })
              }
            >
              吐司提示
            </Button>

          </div>
        </main>
      </>
    );
  }

  
  export default Index;