mini-starter/mini/src/pages/login/index.tsx

import { View, Input, Button, Text } from '@tarojs/components'
import { useState } from 'react'
import Taro from '@tarojs/taro'
import { authManager } from '../../utils/auth'
import './index.css'

export default function Login() {
  const [username, setUsername] = useState('')
  const [password, setPassword] = useState('')
  const [loading, setLoading] = useState(false)

  const handleLogin = async () => {
    if (!username || !password) {
      Taro.showToast({
        title: '请输入用户名和密码',
        icon: 'none'
      })
      return
    }

    setLoading(true)
    try {
      const user = await authManager.login(username, password)
      Taro.showToast({
        title: '登录成功',
        icon: 'success'
      })
      
      // 登录成功后跳转到首页
      setTimeout(() => {
        Taro.switchTab({ url: '/pages/index/index' })
      }, 1500)
    } catch (error: any) {
      Taro.showToast({
        title: error.message || '登录失败',
        icon: 'none'
      })
    } finally {
      setLoading(false)
    }
  }

  const goToRegister = () => {
    Taro.navigateTo({ url: '/pages/register/index' })
  }

  return (
    <View className="login-container">
      <View className="login-header">
        <Text className="login-title">欢迎登录</Text>
        <Text className="login-subtitle">请使用您的账号登录</Text>
      </View>
      
      <View className="login-form">
        <View className="form-item">
          <Text className="form-label">用户名</Text>
          <Input
            className="form-input"
            placeholder="请输入用户名"
            value={username}
            onInput={(e) => setUsername(e.detail.value)}
          />
        </View>
        
        <View className="form-item">
          <Text className="form-label">密码</Text>
          <Input
            className="form-input"
            placeholder="请输入密码"
            password
            value={password}
            onInput={(e) => setPassword(e.detail.value)}
          />
        </View>
        
        <Button
          className="login-button"
          loading={loading}
          onClick={handleLogin}
        >
          登录222
        </Button>
        
        <View className="login-footer">
          <Text className="register-link" onClick={goToRegister}>
            还没有账号？立即注册
          </Text>
        </View>
      </View>
    </View>
  )
}