wechat-robot/internal/view/home/index.html

<div class="space-y-6">
    <!-- 欢迎区块 -->
    <div class="bg-gradient-to-r from-indigo-600 to-indigo-400 rounded-lg shadow-md p-6 text-white">
        <div class="flex items-center justify-between">
            <div>
                <h1 class="text-2xl font-bold">欢迎使用微信机器人管理系统</h1>
                <p class="mt-2 text-indigo-100">管理您的微信自动化实例，提升社交效率</p>
            </div>
            <div class="hidden md:block">
                <i class="fas fa-robot text-6xl text-white/50"></i>
            </div>
        </div>
    </div>

    <!-- 状态概览 -->
    <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
        <div class="bg-white rounded-lg shadow-sm p-5 transform transition-all duration-200 hover:shadow-md">
            <div class="flex items-center">
                <div class="p-3 rounded-full bg-indigo-100 text-indigo-600 mr-4">
                    <i class="fas fa-robot text-xl"></i>
                </div>
                <div>
                    <div class="text-gray-500">总机器人</div>
                    <div class="text-2xl font-semibold">{{.Stats.TotalRobots}}</div>
                </div>
            </div>
        </div>
        
        <div class="bg-white rounded-lg shadow-sm p-5 transform transition-all duration-200 hover:shadow-md">
            <div class="flex items-center">
                <div class="p-3 rounded-full bg-green-100 text-green-600 mr-4">
                    <i class="fas fa-check-circle text-xl"></i>
                </div>
                <div>
                    <div class="text-gray-500">在线机器人</div>
                    <div class="text-2xl font-semibold">{{.Stats.OnlineRobots}}</div>
                </div>
            </div>
        </div>
        
        <div class="bg-white rounded-lg shadow-sm p-5 transform transition-all duration-200 hover:shadow-md">
            <div class="flex items-center">
                <div class="p-3 rounded-full bg-blue-100 text-blue-600 mr-4">
                    <i class="fas fa-comments text-xl"></i>
                </div>
                <div>
                    <div class="text-gray-500">总消息</div>
                    <div class="text-2xl font-semibold">{{.Stats.TotalMessages}}</div>
                </div>
            </div>
        </div>
    </div>

    <!-- 快捷操作 -->
    <div class="bg-white rounded-lg shadow-sm p-6">
        <h2 class="text-lg font-medium text-gray-800 mb-4">快捷操作</h2>
        <div class="grid grid-cols-2 md:grid-cols-4 gap-4">
            <a href="/admin/robots/new" class="flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors">
                <div class="p-3 rounded-full bg-indigo-100 mb-3">
                    <i class="fas fa-plus text-indigo-600"></i>
                </div>
                <span class="text-sm text-gray-700">新建机器人</span>
            </a>
            
            <a href="/admin/robots" class="flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors">
                <div class="p-3 rounded-full bg-blue-100 mb-3">
                    <i class="fas fa-list text-blue-600"></i>
                </div>
                <span class="text-sm text-gray-700">机器人列表</span>
            </a>
            
            <a href="#" class="flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors" onclick="App.notify('此功能正在开发中', 'info'); return false;">
                <div class="p-3 rounded-full bg-green-100 mb-3">
                    <i class="fas fa-chart-line text-green-600"></i>
                </div>
                <span class="text-sm text-gray-700">数据统计</span>
            </a>
            
            <a href="#" class="flex flex-col items-center justify-center p-4 border border-gray-200 rounded-lg hover:bg-gray-50 transition-colors" onclick="App.notify('此功能正在开发中', 'info'); return false;">
                <div class="p-3 rounded-full bg-purple-100 mb-3">
                    <i class="fas fa-cog text-purple-600"></i>
                </div>
                <span class="text-sm text-gray-700">系统设置</span>
            </a>
        </div>
    </div>

    <!-- 最近活动 -->
    <div class="bg-white rounded-lg shadow-sm p-6">
        <h2 class="text-lg font-medium text-gray-800 mb-4">最近活动</h2>
        {{if .RecentActivities}}
            <div class="space-y-4">
                {{range .RecentActivities}}
                <div class="flex items-start">
                    <div class="flex-shrink-0 h-10 w-10 rounded-full bg-indigo-100 flex items-center justify-center text-indigo-500">
                        <i class="fas fa-{{.Icon}}"></i>
                    </div>
                    <div class="ml-4 flex-1">
                        <div class="flex items-center justify-between">
                            <p class="text-sm font-medium text-gray-900">{{.Title}}</p>
                            <p class="text-xs text-gray-500">{{.Time}}</p>
                        </div>
                        <p class="text-sm text-gray-500">{{.Description}}</p>
                    </div>
                </div>
                {{end}}
            </div>
        {{else}}
            <div class="text-center py-8 text-gray-500">
                <i class="fas fa-inbox text-5xl mb-3 text-gray-300"></i>
                <p>暂无活动记录</p>
            </div>
        {{end}}
    </div>
</div>