diff --git a/apps/web-antd/src/views/member/level/index.vue b/apps/web-antd/src/views/member/level/index.vue
index b18b53caa..f3032f835 100644
--- a/apps/web-antd/src/views/member/level/index.vue
+++ b/apps/web-antd/src/views/member/level/index.vue
@@ -82,10 +82,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 <template>
   <Page auto-content-height>
-    <DocAlert
-      title="会员等级、积分、签到"
-      url="https://doc.iocoder.cn/member/level/"
-    />
+    <template #doc>
+      <DocAlert
+        title="会员等级、积分、签到"
+        url="https://doc.iocoder.cn/member/level/"
+      />
+    </template>
 
     <FormModal @success="handleRefresh" />
     <Grid table-title="等级列表">
diff --git a/apps/web-antd/src/views/member/point/record/index.vue b/apps/web-antd/src/views/member/point/record/index.vue
index 921f0df6d..cbc15c614 100644
--- a/apps/web-antd/src/views/member/point/record/index.vue
+++ b/apps/web-antd/src/views/member/point/record/index.vue
@@ -42,10 +42,12 @@ const [Grid] = useVbenVxeGrid({
 
 <template>
   <Page auto-content-height>
-    <DocAlert
-      title="会员等级、积分、签到"
-      url="https://doc.iocoder.cn/member/level/"
-    />
+    <template #doc>
+      <DocAlert
+        title="会员等级、积分、签到"
+        url="https://doc.iocoder.cn/member/level/"
+      />
+    </template>
 
     <Grid table-title="积分记录列表" />
   </Page>
diff --git a/apps/web-antd/src/views/mp/autoReply/index.vue b/apps/web-antd/src/views/mp/autoReply/index.vue
index 21237b8ba..df00ef94f 100644
--- a/apps/web-antd/src/views/mp/autoReply/index.vue
+++ b/apps/web-antd/src/views/mp/autoReply/index.vue
@@ -176,7 +176,9 @@ onMounted(async () => {
 
 <template>
   <Page auto-content-height>
-    <DocAlert title="自动回复" url="https://doc.iocoder.cn/mp/auto-reply/" />
+    <template #doc>
+      <DocAlert title="自动回复" url="https://doc.iocoder.cn/mp/auto-reply/" />
+    </template>
 
     <FormModal @success="handleRefresh" />
 
diff --git a/apps/web-antd/src/views/mp/material/index.vue b/apps/web-antd/src/views/mp/material/index.vue
index b7376682c..41046e58a 100644
--- a/apps/web-antd/src/views/mp/material/index.vue
+++ b/apps/web-antd/src/views/mp/material/index.vue
@@ -99,109 +99,123 @@ async function handleDelete(id: number) {
 
 <template>
   <Page auto-content-height>
-    <!-- 搜索工作栏 -->
-    <Card class="mb-4" :bordered="false">
-      <Form :model="queryParams" layout="inline">
-        <Form.Item label="公众号">
-          <WxAccountSelect @change="onAccountChanged" />
-        </Form.Item>
-      </Form>
-    </Card>
+    <div class="h-full">
+      <!-- 搜索工作栏 -->
+      <Card class="h-[10%]" :bordered="false">
+        <Form :model="queryParams" layout="inline">
+          <Form.Item label="公众号">
+            <WxAccountSelect @change="onAccountChanged" />
+          </Form.Item>
+        </Form>
+      </Card>
 
-    <Card :bordered="false">
-      <Tabs v-model:active-key="type" @change="onTabChange">
-        <!-- tab 1：图片  -->
-        <Tabs.TabPane :key="UploadType.Image">
-          <template #tab>
-            <span class="flex items-center">
-              <IconifyIcon icon="mdi:image" class="mr-1" />
-              图片
-            </span>
-          </template>
-          <UploadFile
-            v-if="hasAccessByCodes(['mp:material:upload-permanent'])"
-            :type="UploadType.Image"
-            @uploaded="getList"
-          >
-            支持 bmp/png/jpeg/jpg/gif 格式，大小不超过 2M
-          </UploadFile>
-          <!-- 列表 -->
-          <ImageTable :list="list" :loading="loading" @delete="handleDelete" />
-          <!-- 分页组件 -->
-          <div class="mt-4 flex justify-end">
-            <Pagination
-              v-model:current="queryParams.pageNo"
-              v-model:page-size="queryParams.pageSize"
-              :total="total"
-              show-size-changer
-              @change="getList"
-              @show-size-change="getList"
+      <Card :bordered="false" class="mt-4 h-[90%]">
+        <Tabs v-model:active-key="type" @change="onTabChange">
+          <!-- tab 1：图片  -->
+          <Tabs.TabPane :key="UploadType.Image">
+            <template #tab>
+              <span class="flex items-center">
+                <IconifyIcon icon="mdi:image" class="mr-1" />
+                图片
+              </span>
+            </template>
+            <UploadFile
+              v-if="hasAccessByCodes(['mp:material:upload-permanent'])"
+              :type="UploadType.Image"
+              @uploaded="getList"
+            >
+              支持 bmp/png/jpeg/jpg/gif 格式，大小不超过 2M
+            </UploadFile>
+            <!-- 列表 -->
+            <ImageTable
+              :list="list"
+              :loading="loading"
+              @delete="handleDelete"
             />
-          </div>
-        </Tabs.TabPane>
+            <!-- 分页组件 -->
+            <div class="mt-4 flex justify-end">
+              <Pagination
+                v-model:current="queryParams.pageNo"
+                v-model:page-size="queryParams.pageSize"
+                :total="total"
+                show-size-changer
+                @change="getList"
+                @show-size-change="getList"
+              />
+            </div>
+          </Tabs.TabPane>
 
-        <!-- tab 2：语音  -->
-        <Tabs.TabPane :key="UploadType.Voice">
-          <template #tab>
-            <span class="flex items-center">
-              <IconifyIcon icon="mdi:microphone" class="mr-1" />
-              语音
-            </span>
-          </template>
-          <UploadFile
-            v-if="hasAccessByCodes(['mp:material:upload-permanent'])"
-            :type="UploadType.Voice"
-            @uploaded="getList"
-          >
-            格式支持 mp3/wma/wav/amr，文件大小不超过 2M，播放长度不超过 60s
-          </UploadFile>
-          <!-- 列表 -->
-          <VoiceTable :list="list" :loading="loading" @delete="handleDelete" />
-          <!-- 分页组件 -->
-          <div class="mt-4 flex justify-end">
-            <Pagination
-              v-model:current="queryParams.pageNo"
-              v-model:page-size="queryParams.pageSize"
-              :total="total"
-              show-size-changer
-              @change="getList"
-              @show-size-change="getList"
+          <!-- tab 2：语音  -->
+          <Tabs.TabPane :key="UploadType.Voice">
+            <template #tab>
+              <span class="flex items-center">
+                <IconifyIcon icon="mdi:microphone" class="mr-1" />
+                语音
+              </span>
+            </template>
+            <UploadFile
+              v-if="hasAccessByCodes(['mp:material:upload-permanent'])"
+              :type="UploadType.Voice"
+              @uploaded="getList"
+            >
+              格式支持 mp3/wma/wav/amr，文件大小不超过 2M，播放长度不超过 60s
+            </UploadFile>
+            <!-- 列表 -->
+            <VoiceTable
+              :list="list"
+              :loading="loading"
+              @delete="handleDelete"
             />
-          </div>
-        </Tabs.TabPane>
+            <!-- 分页组件 -->
+            <div class="mt-4 flex justify-end">
+              <Pagination
+                v-model:current="queryParams.pageNo"
+                v-model:page-size="queryParams.pageSize"
+                :total="total"
+                show-size-changer
+                @change="getList"
+                @show-size-change="getList"
+              />
+            </div>
+          </Tabs.TabPane>
 
-        <!-- tab 3：视频 -->
-        <Tabs.TabPane :key="UploadType.Video">
-          <template #tab>
-            <span class="flex items-center">
-              <IconifyIcon icon="mdi:video" class="mr-1" />
-              视频
-            </span>
-          </template>
-          <Button
-            v-if="hasAccessByCodes(['mp:material:upload-permanent'])"
-            type="primary"
-            @click="showCreateVideo = true"
-          >
-            新建视频
-          </Button>
-          <!-- 新建视频的弹窗 -->
-          <UploadVideo v-model:open="showCreateVideo" @uploaded="getList" />
-          <!-- 列表 -->
-          <VideoTable :list="list" :loading="loading" @delete="handleDelete" />
-          <!-- 分页组件 -->
-          <div class="mt-4 flex justify-end">
-            <Pagination
-              v-model:current="queryParams.pageNo"
-              v-model:page-size="queryParams.pageSize"
-              :total="total"
-              show-size-changer
-              @change="getList"
-              @show-size-change="getList"
+          <!-- tab 3：视频 -->
+          <Tabs.TabPane :key="UploadType.Video">
+            <template #tab>
+              <span class="flex items-center">
+                <IconifyIcon icon="mdi:video" class="mr-1" />
+                视频
+              </span>
+            </template>
+            <Button
+              v-if="hasAccessByCodes(['mp:material:upload-permanent'])"
+              type="primary"
+              @click="showCreateVideo = true"
+            >
+              新建视频
+            </Button>
+            <!-- 新建视频的弹窗 -->
+            <UploadVideo v-model:open="showCreateVideo" @uploaded="getList" />
+            <!-- 列表 -->
+            <VideoTable
+              :list="list"
+              :loading="loading"
+              @delete="handleDelete"
             />
-          </div>
-        </Tabs.TabPane>
-      </Tabs>
-    </Card>
+            <!-- 分页组件 -->
+            <div class="mt-4 flex justify-end">
+              <Pagination
+                v-model:current="queryParams.pageNo"
+                v-model:page-size="queryParams.pageSize"
+                :total="total"
+                show-size-changer
+                @change="getList"
+                @show-size-change="getList"
+              />
+            </div>
+          </Tabs.TabPane>
+        </Tabs>
+      </Card>
+    </div>
   </Page>
 </template>
diff --git a/apps/web-ele/src/views/member/level/index.vue b/apps/web-ele/src/views/member/level/index.vue
index de500e2c9..396c74fa7 100644
--- a/apps/web-ele/src/views/member/level/index.vue
+++ b/apps/web-ele/src/views/member/level/index.vue
@@ -81,11 +81,12 @@ const [Grid, gridApi] = useVbenVxeGrid({
 
 <template>
   <Page auto-content-height>
-    <DocAlert
-      title="会员等级、积分、签到"
-      url="https://doc.iocoder.cn/member/level/"
-    />
-
+    <template #doc>
+      <DocAlert
+        title="会员等级、积分、签到"
+        url="https://doc.iocoder.cn/member/level/"
+      />
+    </template>
     <FormModal @success="handleRefresh" />
     <Grid table-title="等级列表">
       <template #toolbar-tools>
diff --git a/apps/web-ele/src/views/member/point/record/index.vue b/apps/web-ele/src/views/member/point/record/index.vue
index 921f0df6d..cbc15c614 100644
--- a/apps/web-ele/src/views/member/point/record/index.vue
+++ b/apps/web-ele/src/views/member/point/record/index.vue
@@ -42,10 +42,12 @@ const [Grid] = useVbenVxeGrid({
 
 <template>
   <Page auto-content-height>
-    <DocAlert
-      title="会员等级、积分、签到"
-      url="https://doc.iocoder.cn/member/level/"
-    />
+    <template #doc>
+      <DocAlert
+        title="会员等级、积分、签到"
+        url="https://doc.iocoder.cn/member/level/"
+      />
+    </template>
 
     <Grid table-title="积分记录列表" />
   </Page>
diff --git a/apps/web-ele/src/views/mp/autoReply/index.vue b/apps/web-ele/src/views/mp/autoReply/index.vue
index fed1b9f6b..28f563e74 100644
--- a/apps/web-ele/src/views/mp/autoReply/index.vue
+++ b/apps/web-ele/src/views/mp/autoReply/index.vue
@@ -166,7 +166,9 @@ onMounted(async () => {
 
 <template>
   <Page auto-content-height>
-    <DocAlert title="自动回复" url="https://doc.iocoder.cn/mp/auto-reply/" />
+    <template #doc>
+      <DocAlert title="自动回复" url="https://doc.iocoder.cn/mp/auto-reply/" />
+    </template>
 
     <!-- tab 切换 -->
     <ContentWrap>
diff --git a/apps/web-ele/src/views/mp/draft/index.vue b/apps/web-ele/src/views/mp/draft/index.vue
index adca0ec51..4a0123824 100644
--- a/apps/web-ele/src/views/mp/draft/index.vue
+++ b/apps/web-ele/src/views/mp/draft/index.vue
@@ -239,7 +239,9 @@ onMounted(async () => {
 
 <template>
   <Page auto-content-height>
-    <DocAlert title="公众号图文" url="https://doc.iocoder.cn/mp/article/" />
+    <template #doc>
+      <DocAlert title="公众号图文" url="https://doc.iocoder.cn/mp/article/" />
+    </template>
 
     <FormModal
       @success="