fix(layout): 修复布局和卡片组件以适应flex布局

src/layouts/default.vue

@@ -1,5 +1,5 @@
 <template>
-  <wd-config-provider :themeVars="themeVars">
+  <wd-config-provider class="flex-grow flex flex-col" style="flex-grow: 1" :themeVars="themeVars">
     <view class="bg-[#f6f6f6] pb-20 flex-grow">
       <slot />
     </view>

src/pages/index/study-tour/index.vue

@@ -7,7 +7,7 @@ import Card from '@/components/card.vue'
 </script>
 <template>
   <view>
-    <card class="my-6"></card>
+    <card class="my-6">1</card>
     <card class="my-6"></card>
     <!-- <card class="my-6"></card>
     <card class="my-6"></card>

src/style/index.scss

@@ -19,3 +19,10 @@ page {
   // --wot-button-primary-bg-color: green;
   min-height: 100%;
 }
+/* stylelint-disable-next-line selector-type-no-unknown */
+layout-default-uni,
+.wot-theme-light {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+}