# 实现积分充值页面

## 1. 页面创建
- 创建积分充值页面组件：`src/views/PointsRecharge.vue`
- 按照参考图2的设计风格实现页面布局
- 包含两个积分套餐：300积分/$30/1年，1000积分/$80/1年

## 2. 路由配置
- 在`src/router/index.js`中添加积分充值路由
- 路径：`/points-recharge`
- 名称：`points-recharge`

## 3. 翻译配置
- 在`src/locales/index.js`中添加中英文翻译
- 添加积分充值相关的翻译文本
- 确保支持中英文切换

## 4. 页面设计
- 实现深色主题的套餐卡片设计
- 包含套餐名称、价格、有效期等信息
- 添加购买按钮
- 支持响应式设计

## 5. 功能实现
- 套餐选择功能
- 购买按钮交互
- 支持中英文切换

## 6. 导航链接
- 更新相关页面，确保"价格"链接指向积分充值页面

## 7. 测试
- 测试页面显示效果
- 测试中英文切换功能
- 测试路由跳转