1const MARKETPLACE_APPS = [
 2  {
 3    id: 'lumin-dark-mode',
 4    name: '暗黑模式',
 5    desc: '为博客添加暗黑模式切换功能，自动跟随系统偏好',
 6    icon: 'Moon',
 7    version: '1.2.0',
 8    author: 'Lumin Team',
 9    downloads: 1280,
10    rating: 4.8,
11    category: 'appearance',
12    tags: ['主题', '暗黑'],
13    size: '12 KB'
14  },
15  // ... 其他应用
16]

 1// 获取应用列表（支持分类筛选和搜索）
 2app.get('/api/marketplace', (req, res) => {
 3  let apps = [...MARKETPLACE_APPS]
 4
 5  if (req.query.category && req.query.category !== 'all') {
 6    apps = apps.filter(a => a.category === req.query.category)
 7  }
 8
 9  if (req.query.search) {
10    const s = req.query.search.toLowerCase()
11    apps = apps.filter(a =>
12      a.name.toLowerCase().includes(s) ||
13      a.desc.toLowerCase().includes(s) ||
14      a.tags.some(t => t.includes(s))
15    )
16  }
17
18  const categories = [...new Set(MARKETPLACE_APPS.map(a => a.category))]
19  ok(res, { apps, categories })
20})
21
22// 获取单个应用详情
23app.get('/api/marketplace/:id', (req, res) => {
24  const app = MARKETPLACE_APPS.find(a => a.id === req.params.id)
25  if (!app) return fail(res, 404, 'App not found')
26  ok(res, app)
27})

1.app-icon {
2  &.icon--appearance { background: linear-gradient(135deg, #8950fc, #7c3aed); }
3  &.icon--analytics { background: linear-gradient(135deg, #3699ff, #1e90ff); }
4  &.icon--feature { background: linear-gradient(135deg, #0bb783, #4caf50); }
5  &.icon--engagement { background: linear-gradient(135deg, #f64e60, #e91e63); }
6  &.icon--content { background: linear-gradient(135deg, #ffa800, #ff9800); }
7  &.icon--media { background: linear-gradient(135deg, #00bcd4, #0097a7); }
8}

1<el-radio-group v-model="categoryFilter" @change="loadApps">
2  <el-radio-button value="all">全部</el-radio-button>
3  <el-radio-button v-for="cat in categories" :key="cat" :value="cat">
4    {{ categoryLabels[cat] || cat }}
5  </el-radio-button>
6</el-radio-group>

1function formatNumber(num) {
2  if (num >= 1000) return (num / 1000).toFixed(1) + 'k'
3  return num
4}

1function installApp(app) {
2  ElMessage.success(`${app.name} 安装成功！可在「插件」页面管理`)
3}

1应用市场                     插件管理
2┌─────────────────┐      ┌─────────────────┐
3│ 发现新应用       │      │ 管理已安装插件   │
4│ 查看评分/下载量  │ ───→ │ 启用/禁用        │
5│ 一键安装         │      │ 卸载             │
6└─────────────────┘      └─────────────────┘