🐹 feat(*): 更新

张志伟
1 parent 8e793f40
Showing 4 changed files with 24 additions and 35 deletions
modern.config.ts
src/routes/page.tsx
src/style/global.scss
src/style/loading.module.scss
@@ -45,6 +45,9 @@ export default defineConfig({
       };
       return config;
     },
+    sass: {
+      additionalData: '@import "@feewee/h5app-common/dist/es/styles/custom_theme.css";',
+    },
     devServer: {
       proxy: {
         '/api': {
+import { Button } from '@feewee/h5app-common';
 import { Helmet } from '@modern-js/runtime/head';
+import { useNavigate } from '@modern-js/runtime/router';
  
-const Index = () => (
-  <>
-    <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">
-      <div>这是首页 页面</div>
-    </main>
-  </>
-);
+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>
+        </div>
+      </main>
+    </>
+  );
+}
  
 export default Index;
-@import '@feewee/h5app-common/dist/es/styles/custom_theme.css';
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-.loading-progress {
-  width: 120px;
-  height: 22px;
-  border-radius: 20px;
-  color: var(--color-loading-bar, #514b82);
-  border: 2px solid;
-  position: relative;
-}
-.loading-progress::before {
-  content: '';
-  position: absolute;
-  margin: 2px;
-  inset: 0 100% 0 0;
-  border-radius: inherit;
-  background: var(--color-loading-bar, #514b82);
-  animation: p6 2s infinite;
-}
-
-@keyframes p6 {
-  100% {
-    inset: 0;
-  }
-}