Просмотр исходного кода

✨ feat(home): 添加搜索表单验证提示

- 当未选择出发地或目的地时,显示Toast提示
- 使用showToast工具函数实现友好的用户反馈
- 设置提示标题为"请选择出发地和目的地",无图标,持续2秒
yourname 3 месяцев назад
Родитель
Сommit
add827569f
1 измененных файлов с 6 добавлено и 2 удалено
  1. 6 2
      mini/src/pages/home/index.tsx

+ 6 - 2
mini/src/pages/home/index.tsx

@@ -7,6 +7,7 @@ import { TabBarLayout } from '@/layouts/tab-bar-layout'
 import { AreaPicker } from '../../components/AreaPicker'
 import { Navbar } from '@/components/ui/navbar'
 import banner1 from '../../../images/banner1.jpg'
+import { showToast } from '@/utils/toast'
 
 
 interface SearchParams {
@@ -113,8 +114,11 @@ const HomePage: React.FC = () => {
   const handleSearch = () => {
     // 验证必填字段
     if (!searchParams.startAreaIds?.length || !searchParams.endAreaIds?.length) {
-      // 这里可以添加错误提示
-      console.log('请选择出发地和目的地')
+      showToast({
+        title: '请选择出发地和目的地',
+        icon: 'none',
+        duration: 2000
+      })
       return
     }