fix:修复图标导入错误
This commit is contained in:
@@ -6,9 +6,9 @@ import {
|
|||||||
Mail,
|
Mail,
|
||||||
MapPin,
|
MapPin,
|
||||||
Clock,
|
Clock,
|
||||||
Wechat,
|
MessageCircle,
|
||||||
Weibo,
|
Share2,
|
||||||
Linkedin,
|
Linkedin as LinkedinIcon,
|
||||||
ArrowRight,
|
ArrowRight,
|
||||||
} from 'lucide-react';
|
} from 'lucide-react';
|
||||||
import {
|
import {
|
||||||
@@ -44,9 +44,9 @@ const itemVariants = {
|
|||||||
|
|
||||||
// 图标映射
|
// 图标映射
|
||||||
const iconMap: Record<string, React.ComponentType<{ size?: number; className?: string }>> = {
|
const iconMap: Record<string, React.ComponentType<{ size?: number; className?: string }>> = {
|
||||||
Wechat,
|
Wechat: MessageCircle,
|
||||||
Weibo,
|
Weibo: Share2,
|
||||||
Linkedin,
|
Linkedin: LinkedinIcon,
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
@@ -180,7 +180,7 @@ export const Footer: React.FC = () => {
|
|||||||
</p>
|
</p>
|
||||||
<div className="flex flex-wrap gap-3">
|
<div className="flex flex-wrap gap-3">
|
||||||
{SOCIAL_MEDIA.map((social) => {
|
{SOCIAL_MEDIA.map((social) => {
|
||||||
const Icon = iconMap[social.icon] || Wechat;
|
const Icon = iconMap[social.icon] || MessageCircle;
|
||||||
return (
|
return (
|
||||||
<motion.a
|
<motion.a
|
||||||
key={social.id}
|
key={social.id}
|
||||||
|
|||||||
@@ -7,6 +7,7 @@ export default defineConfig({
|
|||||||
plugins: [react(), tailwindcss()],
|
plugins: [react(), tailwindcss()],
|
||||||
server: {
|
server: {
|
||||||
host: '0.0.0.0',
|
host: '0.0.0.0',
|
||||||
|
strictPort: true,
|
||||||
port: 3000,
|
port: 3000,
|
||||||
allowedHosts: true
|
allowedHosts: true
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user