feat: 调整组件样式，优化图标和布局的尺寸，更新无限加载组件的刷新方法

src/pages/index-page.vue

@@ -40,39 +40,39 @@ const FComponent: import('vue').FunctionalComponent<{ prop: string }> = (props,
     <li><router-link class="green" :to="{ name: 'InfiniteLoading' }">Infinite Loading</router-link></li>
   </ul>
 
-  <div b="1px solid pink" mt-8>
+  <div b="1px solid pink" mt-2>
     <I18nComp />
   </div>
 
   <FComponent prop="Hello World" style="margin-top: 8px"></FComponent>
   <div text-orange></div>
 
-  <div b="1px solid pink" mt-8>
+  <div b="1px solid pink" mt-2>
     <ReusableTemplate />
   </div>
-  <div b="1px solid pink" mt-8>
+  <div b="1px solid pink" mt-2>
     <ReactivityTransform />
   </div>
-  <div b="1px solid pink" mt-8>
+  <div b="1px solid pink" mt-2>
     <DefineRender />
   </div>
   <Icons />
 
-  <div :class="$style.hero" mt-8>
+  <div :class="$style.hero" mt-2>
     <h1><i>🔌</i> Vite Plugin Webfont DL <i>⚡</i></h1>
     <h2>Fonts are downloaded directly from Google Fonts</h2>
     <p>{{ JSON.stringify({ $style }) }}</p>
   </div>
 
-  <div b="1px solid pink" mt-8 p-8>
+  <div b="1px solid pink" mt-2 p-2>
     <SendSms />
   </div>
 
-  <div b="1px solid pink" mt-8 p-8>
+  <div b="1px solid pink" mt-2 p-2>
     <Primevue />
   </div>
 
-  <div b="1px solid pink" mt-8 p-8>
+  <div b="1px solid pink" mt-2 p-2>
     <pre>{{ JSON.stringify(routes, null, 2) }}</pre>
   </div>
 </template>