chore: complete docs

web/src/components/pages/messageTemplate/MessageTemplate.vue

@@ -184,7 +184,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <div class="p-2 w-full max-w-6xl mx-auto space-y-2">
+  <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
     <!-- 搜索和筛选 -->
     <div class="flex flex-row sm:flex-row sm:items-center gap-2 -mx-2 px-2 sm:mx-0 sm:px-0">
       <div class="flex-[3] sm:flex-initial min-w-0">

web/src/components/pages/sendTasks/SendTasks.vue

@@ -11,6 +11,7 @@ import AddTasks from './AddTasks.vue'
 import EditTasks from './EditTasks.vue'
 import ApiCodeViewer from './ApiCodeViewer.vue'
 import { toast } from 'vue-sonner'
+import { InfoIcon, XIcon } from 'lucide-vue-next'
 
 import { useRoute, useRouter } from 'vue-router';
 import { request } from '@/api/api';
@@ -18,6 +19,13 @@ import { CONSTANT } from '@/constant';
 // @ts-ignore
 import { getPageSize } from '@/util/pageUtils';
 
+// 提示横幅显示状态
+const showBanner = ref(true)
+const closeBanner = () => {
+  showBanner.value = false
+  localStorage.setItem('hideTaskBanner', 'true')
+}
+
 
 interface WayItem {
   id: string
@@ -152,6 +160,12 @@ const handleDelete = async (id: string) => {
 }
 
 onMounted(async () => {
+  // 检查是否已经关闭过横幅
+  const hidden = localStorage.getItem('hideTaskBanner')
+  if (hidden === 'true') {
+    showBanner.value = false
+  }
+  
   // 初始化查询
   state.search = route.query.name?.toString() || '';
   await queryListData(
@@ -166,6 +180,29 @@ onMounted(async () => {
 
 <template>
   <div class="p-4 w-full max-w-6xl mx-auto space-y-2">
+    <!-- 推荐使用模板的提示横幅 -->
+    <div v-if="showBanner" class="mb-4 rounded-lg border border-blue-200 bg-blue-50 dark:bg-blue-950 dark:border-blue-800 p-4">
+      <div class="flex items-start gap-3">
+        <InfoIcon class="h-5 w-5 text-blue-600 dark:text-blue-400 mt-0.5 flex-shrink-0" />
+        <div class="flex-1">
+          <h3 class="text-sm font-semibold text-blue-900 dark:text-blue-100 mb-1">💡 推荐使用消息模板</h3>
+          <p class="text-sm text-blue-800 dark:text-blue-200">
+            新项目建议使用 
+            <router-link to="/templates" class="font-medium underline hover:text-blue-600">消息模板</router-link> 
+            功能，它提供更好的内容管理和维护体验。发送任务主要用于兼容历史数据。
+            <a href="https://engigu.github.io/Message-Push-Nest/guide/template.html" target="_blank" 
+               class="font-medium underline hover:text-blue-600 ml-1">
+              了解更多 →
+            </a>
+          </p>
+        </div>
+        <button @click="closeBanner" 
+                class="text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 flex-shrink-0">
+          <XIcon class="h-4 w-4" />
+        </button>
+      </div>
+    </div>
+
     <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-2 sm:gap-4">
       <div class="flex flex-col sm:flex-row gap-2 sm:gap-4">
         <div class="flex-1 sm:flex-initial">