chore: modify example

alibaba · Oct 25, 2023 · 82fa19c · 82fa19c
1 parent 7d4edd2
commit 82fa19c
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 210 deletions.
diff --git a/examples/with-fitst-chunk-cache-ssr/src/components/Box/index.module.css b/examples/with-fitst-chunk-cache-ssr/src/components/Box/index.module.css
@@ -3,10 +3,9 @@
   width: 100%;
   height: 100px;
   flex-direction: row;
-  padding: 20px;
   background-color: white;
 }
 
 .item {
-   flex: 1;
+  flex: 1;
 }
diff --git a/examples/with-fitst-chunk-cache-ssr/src/components/List/index.tsx b/examples/with-fitst-chunk-cache-ssr/src/components/List/index.tsx
@@ -61,5 +61,15 @@ async function getData() {
       title: 'ice.js',
       description: '这是 ICE 框架',
     },
+    {
+      logo,
+      title: 'ice.js',
+      description: '这是 ICE 框架',
+    },
+    {
+      logo,
+      title: 'ice.js',
+      description: '这是 ICE 框架',
+    },
   ];
 }
diff --git a/examples/with-fitst-chunk-cache-ssr/src/pages/index.module.css b/examples/with-fitst-chunk-cache-ssr/src/pages/index.module.css
@@ -4,6 +4,7 @@
   align-items: center;
   justify-content: center;
   height: 100vh;
+  overflow-x: hidden;
 }
 
 .app > header {

diff --git a/examples/with-fitst-chunk-cache-ssr/src/pages/index.tsx b/examples/with-fitst-chunk-cache-ssr/src/pages/index.tsx
@@ -11,6 +11,8 @@ export default function Home() {
       <Header />
       <Box id="Box" fallback={<div className={styles.boxFallback} />} />
       <List id="List" fallback={<div className={styles.boxFallback} />} />
+      {/* https://github.com/xiaoxiaojx/blog/issues/37 */}
+      <div dangerouslySetInnerHTML={{ __html: '<div style="height:0;width:0;">\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b</div>' }} />
     </div>
   );
 }

diff --git a/examples/with-fitst-chunk-cache-ssr/src/pages/with-data-error.tsx b/examples/with-fitst-chunk-cache-ssr/src/pages/with-data-error.tsx
diff --git a/examples/with-fitst-chunk-cache-ssr/src/pages/with-fallback.tsx b/examples/with-fitst-chunk-cache-ssr/src/pages/with-fallback.tsx
diff --git a/examples/with-fitst-chunk-cache-ssr/src/pages/with-render-error.tsx b/examples/with-fitst-chunk-cache-ssr/src/pages/with-render-error.tsx