97 lines
1.9 KiB
Markdown
97 lines
1.9 KiB
Markdown
|
# Fontree Gift 数字藏品平台
|
|||
|
|
|
|||
|
|
基于Vue.js的数字藏品平台，用户可以管理和交易数字艺术收藏品。
|
|||
|
|
|
|||
|
|
## 主要功能
|
|||
|
|
|
|||
|
|
- 用户认证和个人资料管理
|
|||
|
|
- 数字藏品浏览和交易
|
|||
|
|
- 系列和收藏品管理
|
|||
|
|
- 空投功能
|
|||
|
|
- 多语言支持（英语、简体中文、繁体中文）
|
|||
|
|
- 移动端优先的响应式设计
|
|||
|
|
- 微信和支付宝支付集成
|
|||
|
|
- 实名认证系统
|
|||
|
|
|
|||
|
|
## 技术栈
|
|||
|
|
|
|||
|
|
- Vue 2.x
|
|||
|
|
- uni-app 框架
|
|||
|
|
- uView UI组件库
|
|||
|
|
- Vuex 状态管理
|
|||
|
|
- i18n 国际化
|
|||
|
|
- 微信SDK
|
|||
|
|
- 支付宝SDK
|
|||
|
|
|
|||
|
|
## 项目结构
|
|||
|
|
|
|||
|
|
```
|
|||
|
|
fontree/gift/
|
|||
|
|
├── components/ # 可复用组件
|
|||
|
|
├── http/ # API接口和请求处理
|
|||
|
|
├── locale/ # i18n翻译文件
|
|||
|
|
├── pages/ # 应用页面
|
|||
|
|
│ ├── index/ # 首页和列表页面
|
|||
|
|
│ ├── login/ # 认证页面
|
|||
|
|
│ ├── mine/ # 用户个人中心页面
|
|||
|
|
│ └── start/ # 应用入口页面
|
|||
|
|
├── static/ # 静态资源
|
|||
|
|
└── uview-ui/ # UI组件库
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## 开始使用
|
|||
|
|
|
|||
|
|
### 环境要求
|
|||
|
|
|
|||
|
|
- Node.js
|
|||
|
|
- npm 或 yarn
|
|||
|
|
- HBuilderX IDE（推荐）
|
|||
|
|
|
|||
|
|
### 安装步骤
|
|||
|
|
|
|||
|
|
1. 克隆仓库
|
|||
|
|
```bash
|
|||
|
|
git clone [仓库地址]
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
2. 安装依赖
|
|||
|
|
```bash
|
|||
|
|
npm install
|
|||
|
|
# 或
|
|||
|
|
yarn install
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
3. 配置环境变量
|
|||
|
|
- 在 `http/interface.js` 中设置API端点
|
|||
|
|
- 配置微信/支付宝凭证
|
|||
|
|
|
|||
|
|
4. 运行开发服务器
|
|||
|
|
```bash
|
|||
|
|
# 使用HBuilderX
|
|||
|
|
导入项目并运行
|
|||
|
|
|
|||
|
|
# 或使用npm
|
|||
|
|
npm run dev
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
## API集成
|
|||
|
|
|
|||
|
|
项目使用模块化的API结构，主要模块包括：
|
|||
|
|
|
|||
|
|
- `login.js` - 认证接口
|
|||
|
|
- `mine.js` - 用户资料管理
|
|||
|
|
- `series.js` - 收藏系列管理
|
|||
|
|
- `airdrop.js` - 空投功能
|
|||
|
|
- `usa.js` - 礼品和藏品管理
|
|||
|
|
|
|||
|
|
## 部署
|
|||
|
|
|
|||
|
|
应用可以部署到以下平台：
|
|||
|
|
- Web (H5)
|
|||
|
|
- iOS应用
|
|||
|
|
- Android应用
|
|||
|
|
- 微信小程序
|
|||
|
|
- 其他小程序平台
|
|||
|
|
|
|||
|
|
在 `manifest.json` 中配置不同平台的构建参数。
|