chore: lint warnings

2025-11-26 20:41:55 +08:00
parent aa8f5ae235
commit 1b9970da14
9 changed files with 96 additions and 65 deletions
--- a/pages/components/BetaNotice.tsx
+++ b/pages/components/BetaNotice.tsx
@@ -6,7 +6,7 @@ export default function BetaNotice() {
 	return (
 		<div className="bg-orange-50 dark:bg-orange-900/20 border border-orange-200 dark:border-orange-800 rounded-lg p-4 mb-8">
 			<div className="flex items-start">
-				<div className="flex-shrink-0">
+				<div className="shrink-0">
 					<span className="text-xl">🚧</span>
 				</div>
 				<div className="ml-3">
--- a/pages/components/CodeEditor.tsx
+++ b/pages/components/CodeEditor.tsx
@@ -72,7 +72,7 @@ const CodeEditor: React.FC<CodeEditorProps> = ({
 				<div className="flex">
 					{/* 行号 */}
 					{showLineNumbers && (
-						<div className={`flex-shrink-0 px-4 py-4 ${lineNumbersClasses} border-r select-none`}>
+						<div className={`shrink-0 px-4 py-4 ${lineNumbersClasses} border-r select-none`}>
 							<div className="text-xs font-mono leading-6">
 								{lines.map((line, lineIdx) => {
 									const lineNum = lineIdx + 1
--- a/pages/components/DocsLayout.tsx
+++ b/pages/components/DocsLayout.tsx
@@ -54,7 +54,7 @@ export default function DocsLayout({ children }: DocsLayoutProps) {
 		<div className="max-w-7xl mx-auto px-6 py-8 overflow-x-auto">
 			<div className="flex gap-8 min-w-[900px]">
 				{/* Sidebar */}
-				<aside className="w-64 flex-shrink-0" role="complementary" aria-label="文档导航">
+				<aside className="w-64 shrink-0" role="complementary" aria-label="文档导航">
 					<div className="sticky top-8">
 						<nav className="space-y-8" role="navigation" aria-label="文档章节">
 							{navigationSections.map((section) => (
--- a/pages/components/Header.tsx
+++ b/pages/components/Header.tsx
@@ -21,7 +21,7 @@ export default function Header() {
 						{/* Logo */}
 						<Link
 							href="/"
-							className="flex items-center gap-2 sm:gap-3 group flex-shrink-0"
+							className="flex items-center gap-2 sm:gap-3 group shrink-0"
 							aria-label={t('header.logo_alt')}
 							onClick={() => setMobileMenuOpen(false)}
 						>
@@ -48,7 +48,7 @@ export default function Header() {
 						>
 							<Link
 								href="/docs/introduction/overview"
-								className="p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200 flex-shrink-0"
+								className="p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200 shrink-0"
 								aria-label={t('header.nav_docs')}
 							>
 								<BookIcon className="w-5 h-5" />
@@ -57,7 +57,7 @@ export default function Header() {
 								href="https://github.com/alibaba/page-agent"
 								target="_blank"
 								rel="noopener noreferrer"
-								className="p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200 flex-shrink-0"
+								className="p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200 shrink-0"
 								aria-label={t('header.nav_source')}
 							>
 								<GithubIcon className="w-5 h-5" />
@@ -94,7 +94,7 @@ export default function Header() {
 						{/* Mobile menu button */}
 						<button
 							type="button"
-							className="md:hidden p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200 flex-shrink-0"
+							className="md:hidden p-2 rounded-lg text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors duration-200 shrink-0"
 							aria-label={t('header.mobile_menu')}
 							aria-expanded={mobileMenuOpen}
 							aria-controls="mobile-menu"
--- a/pages/docs/integration/third-party-agent/page.tsx
+++ b/pages/docs/integration/third-party-agent/page.tsx
@@ -98,7 +98,7 @@ const pageAgentTool = {
 				</ul>
 			</div>

-			<div className="bg-gradient-to-r from-green-50 to-blue-50 dark:from-green-900/20 dark:to-blue-900/20 p-4 rounded-lg">
+			<div className="bg-linear-to-r from-green-50 to-blue-50 dark:from-green-900/20 dark:to-blue-900/20 p-4 rounded-lg">
 				<h3 className="text-lg font-semibold mb-2 text-gray-900 dark:text-white">🎉 开始集成</h3>
 				<p className="mb-3 text-gray-700 dark:text-gray-300">
 					通过这种方式，你的 Agent 系统就能真正成为用户的智能助手。
--- a/pages/docs/introduction/overview/page.tsx
+++ b/pages/docs/introduction/overview/page.tsx
@@ -174,7 +174,7 @@ export default function Overview() {

 				<ul className="space-y-4 mb-8">
 					<li className="flex items-start space-x-3">
-						<span className="w-6 h-6 min-w-6 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 flex-shrink-0">
+						<span className="w-6 h-6 min-w-6 bg-blue-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 shrink-0">
 							1
 						</span>
 						<div className="text-gray-700 dark:text-gray-300">
@@ -182,7 +182,7 @@ export default function Overview() {
 						</div>
 					</li>
 					<li className="flex items-start space-x-3">
-						<span className="w-6 h-6 min-w-6 bg-green-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 flex-shrink-0">
+						<span className="w-6 h-6 min-w-6 bg-green-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 shrink-0">
 							2
 						</span>
 						<div className="text-gray-700 dark:text-gray-300">
@@ -190,7 +190,7 @@ export default function Overview() {
 						</div>
 					</li>
 					<li className="flex items-start space-x-3">
-						<span className="w-6 h-6 min-w-6 bg-purple-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 flex-shrink-0">
+						<span className="w-6 h-6 min-w-6 bg-purple-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 shrink-0">
 							3
 						</span>
 						<div className="text-gray-700 dark:text-gray-300">
@@ -198,7 +198,7 @@ export default function Overview() {
 						</div>
 					</li>
 					<li className="flex items-start space-x-3">
-						<span className="w-6 h-6 min-w-6 bg-orange-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 flex-shrink-0">
+						<span className="w-6 h-6 min-w-6 bg-orange-500 text-white rounded-full flex items-center justify-center font-bold text-sm mt-0.5 shrink-0">
 							4
 						</span>
 						<div className="text-gray-700 dark:text-gray-300">
--- a/pages/test-pages/error-test.tsx
+++ b/pages/test-pages/error-test.tsx
@@ -17,7 +17,7 @@ export default function ErrorTestPage() {
 		username: '',
 		password: '',
 		email: '',
-		file: null as File | null
+		file: null as File | null,
 	})

 	const errorScenarios: ErrorScenario[] = [
@@ -25,32 +25,32 @@ export default function ErrorTestPage() {
 			id: 'network-error',
 			title: '网络连接错误',
 			description: '模拟网络连接失败，测试重试机制',
-			type: 'network'
+			type: 'network',
 		},
 		{
 			id: 'validation-error',
 			title: '表单验证错误',
 			description: '模拟表单验证失败，测试错误提示',
-			type: 'validation'
+			type: 'validation',
 		},
 		{
 			id: 'permission-error',
 			title: '权限不足错误',
 			description: '模拟权限验证失败，测试权限处理',
-			type: 'permission'
+			type: 'permission',
 		},
 		{
 			id: 'timeout-error',
 			title: '请求超时错误',
 			description: '模拟请求超时，测试超时处理',
-			type: 'timeout'
+			type: 'timeout',
 		},
 		{
 			id: 'server-error',
 			title: '服务器内部错误',
 			description: '模拟服务器500错误，测试错误恢复',
-			type: 'server'
-		}
+			type: 'server',
+		},
 	]

 	const simulateError = async (scenario: ErrorScenario): Promise<void> => {
@@ -59,7 +59,7 @@ export default function ErrorTestPage() {
 		setSuccess(null)

 		// 模拟网络延迟
-		await new Promise(resolve => setTimeout(resolve, 1000 + Math.random() * 2000))
+		await new Promise((resolve) => setTimeout(resolve, 1000 + Math.random() * 2000))

 		switch (scenario.type) {
 			case 'network':
@@ -91,7 +91,7 @@ export default function ErrorTestPage() {

 			case 'timeout':
 				// 模拟超时
-				await new Promise(resolve => setTimeout(resolve, 8000))
+				await new Promise((resolve) => setTimeout(resolve, 8000))
 				throw new Error('请求超时：服务器响应时间过长，请稍后重试')

 			case 'server':
@@ -117,7 +117,7 @@ export default function ErrorTestPage() {
 		} catch (err) {
 			const errorMessage = err instanceof Error ? err.message : '未知错误'
 			setError(errorMessage)
-			setRetryCount(prev => prev + 1)
+			setRetryCount((prev) => prev + 1)
 		} finally {
 			setIsLoading(false)
 		}
@@ -154,7 +154,7 @@ export default function ErrorTestPage() {
 			}

 			// 模拟上传过程
-			await new Promise(resolve => setTimeout(resolve, 2000))
+			await new Promise((resolve) => setTimeout(resolve, 2000))

 			// 模拟随机失败
 			if (Math.random() < 0.3) {
@@ -178,12 +178,18 @@ export default function ErrorTestPage() {

 	const getErrorIcon = (type: string) => {
 		switch (type) {
-			case 'network': return '🌐'
-			case 'validation': return '⚠️'
-			case 'permission': return '🔒'
-			case 'timeout': return '⏰'
-			case 'server': return '🔧'
-			default: return '❌'
+			case 'network':
+				return '🌐'
+			case 'validation':
+				return '⚠️'
+			case 'permission':
+				return '🔒'
+			case 'timeout':
+				return '⏰'
+			case 'server':
+				return '🔧'
+			default:
+				return '❌'
 		}
 	}

@@ -191,9 +197,7 @@ export default function ErrorTestPage() {
 		<div className="min-h-screen bg-gray-50 dark:bg-gray-900 py-8">
 			<div className="max-w-4xl mx-auto px-4">
 				<div className="mb-8">
-					<h1 className="text-3xl font-bold text-gray-900 dark:text-white mb-2">
-						错误处理测试
-					</h1>
+					<h1 className="text-3xl font-bold text-gray-900 dark:text-white mb-2">错误处理测试</h1>
 					<p className="text-gray-600 dark:text-gray-300">
 						测试各种错误场景和重试机制，验证 Agent 的错误处理能力
 					</p>
@@ -205,18 +209,18 @@ export default function ErrorTestPage() {
 						{error && (
 							<div className="bg-red-50 dark:bg-red-900 border border-red-200 dark:border-red-700 rounded-lg p-4 mb-4">
 								<div className="flex items-start">
-									<div className="flex-shrink-0">
+									<div className="shrink-0">
 										<svg className="h-5 w-5 text-red-400" viewBox="0 0 20 20" fill="currentColor">
-											<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clipRule="evenodd" />
+											<path
+												fillRule="evenodd"
+												d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
+												clipRule="evenodd"
+											/>
 										</svg>
 									</div>
 									<div className="ml-3 flex-1">
-										<h3 className="text-sm font-medium text-red-800 dark:text-red-200">
-											操作失败
-										</h3>
-										<p className="mt-1 text-sm text-red-700 dark:text-red-300">
-											{error}
-										</p>
+										<h3 className="text-sm font-medium text-red-800 dark:text-red-200">操作失败</h3>
+										<p className="mt-1 text-sm text-red-700 dark:text-red-300">{error}</p>
 										{retryCount > 0 && (
 											<p className="mt-2 text-xs text-red-600 dark:text-red-400">
 												已重试 {retryCount} 次 {retryCount >= 3 && '(已达最大重试次数)'}
@@ -228,7 +232,11 @@ export default function ErrorTestPage() {
 										className="ml-3 text-red-400 hover:text-red-600 dark:hover:text-red-300"
 									>
 										<svg className="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
-											<path fillRule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clipRule="evenodd" />
+											<path
+												fillRule="evenodd"
+												d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+												clipRule="evenodd"
+											/>
 										</svg>
 									</button>
 								</div>
@@ -238,25 +246,31 @@ export default function ErrorTestPage() {
 						{success && (
 							<div className="bg-green-50 dark:bg-green-900 border border-green-200 dark:border-green-700 rounded-lg p-4 mb-4">
 								<div className="flex items-start">
-									<div className="flex-shrink-0">
+									<div className="shrink-0">
 										<svg className="h-5 w-5 text-green-400" viewBox="0 0 20 20" fill="currentColor">
-											<path fillRule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clipRule="evenodd" />
+											<path
+												fillRule="evenodd"
+												d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
+												clipRule="evenodd"
+											/>
 										</svg>
 									</div>
 									<div className="ml-3 flex-1">
 										<h3 className="text-sm font-medium text-green-800 dark:text-green-200">
 											操作成功
 										</h3>
-										<p className="mt-1 text-sm text-green-700 dark:text-green-300">
-											{success}
-										</p>
+										<p className="mt-1 text-sm text-green-700 dark:text-green-300">{success}</p>
 									</div>
 									<button
 										onClick={clearMessages}
 										className="ml-3 text-green-400 hover:text-green-600 dark:hover:text-green-300"
 									>
 										<svg className="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
-											<path fillRule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clipRule="evenodd" />
+											<path
+												fillRule="evenodd"
+												d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
+												clipRule="evenodd"
+											/>
 										</svg>
 									</button>
 								</div>
@@ -268,9 +282,7 @@ export default function ErrorTestPage() {
 				<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
 					{/* 错误场景测试 */}
 					<div className="space-y-6">
-						<h2 className="text-xl font-semibold text-gray-900 dark:text-white">
-							错误场景测试
-						</h2>
+						<h2 className="text-xl font-semibold text-gray-900 dark:text-white">错误场景测试</h2>

 						{errorScenarios.map((scenario) => (
 							<div key={scenario.id} className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
@@ -309,9 +321,7 @@ export default function ErrorTestPage() {

 					{/* 表单验证测试 */}
 					<div className="space-y-6">
-						<h2 className="text-xl font-semibold text-gray-900 dark:text-white">
-							表单验证测试
-						</h2>
+						<h2 className="text-xl font-semibold text-gray-900 dark:text-white">表单验证测试</h2>

 						<div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
 							<h3 className="text-lg font-medium text-gray-900 dark:text-white mb-4">
@@ -325,7 +335,7 @@ export default function ErrorTestPage() {
 									<input
 										type="text"
 										value={formData.username}
-										onChange={(e) => setFormData(prev => ({ ...prev, username: e.target.value }))}
+										onChange={(e) => setFormData((prev) => ({ ...prev, username: e.target.value }))}
 										className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
 										placeholder="请输入用户名"
 									/>
@@ -337,7 +347,7 @@ export default function ErrorTestPage() {
 									<input
 										type="password"
 										value={formData.password}
-										onChange={(e) => setFormData(prev => ({ ...prev, password: e.target.value }))}
+										onChange={(e) => setFormData((prev) => ({ ...prev, password: e.target.value }))}
 										className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
 										placeholder="请输入密码"
 									/>
@@ -349,13 +359,15 @@ export default function ErrorTestPage() {
 									<input
 										type="email"
 										value={formData.email}
-										onChange={(e) => setFormData(prev => ({ ...prev, email: e.target.value }))}
+										onChange={(e) => setFormData((prev) => ({ ...prev, email: e.target.value }))}
 										className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
 										placeholder="请输入邮箱地址"
 									/>
 								</div>
 								<button
-									onClick={() => handleScenarioTest(errorScenarios.find(s => s.type === 'validation')!)}
+									onClick={() =>
+										handleScenarioTest(errorScenarios.find((s) => s.type === 'validation')!)
+									}
 									disabled={isLoading}
 									className="w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 disabled:bg-blue-400 text-white rounded-md transition-colors"
 								>
@@ -376,14 +388,17 @@ export default function ErrorTestPage() {
 									</label>
 									<input
 										type="file"
-										onChange={(e) => setFormData(prev => ({ ...prev, file: e.target.files?.[0] || null }))}
+										onChange={(e) =>
+											setFormData((prev) => ({ ...prev, file: e.target.files?.[0] || null }))
+										}
 										accept="image/*,.pdf"
 										className="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 dark:bg-gray-700 dark:text-white"
 									/>
 								</div>
 								{formData.file && (
 									<div className="text-sm text-gray-600 dark:text-gray-300">
-										已选择: {formData.file.name} ({(formData.file.size / 1024 / 1024).toFixed(2)} MB)
+										已选择: {formData.file.name} ({(formData.file.size / 1024 / 1024).toFixed(2)}{' '}
+										MB)
 									</div>
 								)}
 								<button
@@ -412,9 +427,25 @@ export default function ErrorTestPage() {
 				{isLoading && (
 					<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
 						<div className="bg-white dark:bg-gray-800 rounded-lg p-6 flex items-center space-x-4">
-							<svg className="animate-spin h-8 w-8 text-blue-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-								<circle className="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" strokeWidth="4"></circle>
-								<path className="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
+							<svg
+								className="animate-spin h-8 w-8 text-blue-600"
+								xmlns="http://www.w3.org/2000/svg"
+								fill="none"
+								viewBox="0 0 24 24"
+							>
+								<circle
+									className="opacity-25"
+									cx="12"
+									cy="12"
+									r="10"
+									stroke="currentColor"
+									strokeWidth="4"
+								></circle>
+								<path
+									className="opacity-75"
+									fill="currentColor"
+									d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+								></path>
 							</svg>
 							<span className="text-gray-900 dark:text-white">处理中，请稍候...</span>
 						</div>
--- a/pages/test-pages/list-test.tsx
+++ b/pages/test-pages/list-test.tsx
@@ -96,7 +96,7 @@ const ProductListItem = ({ product }: { product: Product }) => (
 		<img
 			src={product.image}
 			alt={product.name}
-			className="w-20 h-20 object-cover rounded-lg flex-shrink-0"
+			className="w-20 h-20 object-cover rounded-lg shrink-0"
 			loading="lazy"
 		/>
 		<div className="flex-1 min-w-0">
--- a/pages/test-pages/navigation-test.tsx
+++ b/pages/test-pages/navigation-test.tsx
@@ -373,7 +373,7 @@ export default function NavigationTestPage() {
 									<h3 className="text-lg font-medium text-gray-900 dark:text-white mb-4">
 										销售趋势
 									</h3>
-									<div className="h-32 bg-gradient-to-r from-blue-400 to-purple-500 rounded-lg flex items-center justify-center text-white">
+									<div className="h-32 bg-linear-to-r from-blue-400 to-purple-500 rounded-lg flex items-center justify-center text-white">
 										📈 图表占位符
 									</div>
 								</div>
@@ -381,7 +381,7 @@ export default function NavigationTestPage() {
 									<h3 className="text-lg font-medium text-gray-900 dark:text-white mb-4">
 										用户分布
 									</h3>
-									<div className="h-32 bg-gradient-to-r from-green-400 to-blue-500 rounded-lg flex items-center justify-center text-white">
+									<div className="h-32 bg-linear-to-r from-green-400 to-blue-500 rounded-lg flex items-center justify-center text-white">
 										🗺️ 地图占位符
 									</div>
 								</div>