| 1234567891011121314151617181920212223242526272829303132 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>商品管理</title>
- <script src="https://cdn.tailwindcss.com"></script>
- </head>
- <body class="bg-gray-50 min-h-screen">
- <nav class="bg-blue-600 text-white shadow-lg">
- <div class="container mx-auto px-4 py-4">
- <div class="flex justify-between items-center">
- <div class="flex items-center space-x-3"><span class="text-2xl">📦</span><h1 class="text-xl font-bold">电商库存管理系统</h1></div>
- <div class="flex space-x-4">
- <a href="/" class="hover:bg-blue-500 px-3 py-2 rounded">首页</a>
- <a href="/shops" class="hover:bg-blue-500 px-3 py-2 rounded">店铺</a>
- <a href="/products" class="bg-blue-500 px-3 py-2 rounded">商品</a>
- <a href="/inventory" class="hover:bg-blue-500 px-3 py-2 rounded">库存</a>
- <a href="/orders" class="hover:bg-blue-500 px-3 py-2 rounded">订单</a>
- </div>
- </div>
- </div>
- </nav>
- <main class="container mx-auto px-4 py-8">
- <div class="flex justify-between items-center mb-8">
- <div><h2 class="text-3xl font-bold text-gray-800">📦 商品管理</h2><p class="text-gray-600 mt-2">管理商品信息</p></div>
- <button onclick="alert('功能开发中...')" class="bg-green-600 text-white px-6 py-3 rounded-lg">➕ 添加商品</button>
- </div>
- <div class="bg-white rounded-lg shadow p-6 text-center text-gray-500">商品管理功能开发中... 请先添加商品数据</div>
- </main>
- </body>
- </html>
|