助记词
.hbuilderx | ||
common | ||
components | ||
http | ||
locale | ||
pages | ||
static | ||
uview-ui | ||
.gitignore | ||
App.vue | ||
index.html | ||
main.js | ||
manifest.json | ||
package-lock.json | ||
package.json | ||
pages.json | ||
README.md | ||
uni.scss |
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(推荐)
安装步骤
- 克隆仓库
git clone [仓库地址]
- 安装依赖
npm install
# 或
yarn install
- 配置环境变量
- 在
http/interface.js
中设置API端点 - 配置微信/支付宝凭证
- 运行开发服务器
# 使用HBuilderX
导入项目并运行
# 或使用npm
npm run dev
API集成
项目使用模块化的API结构,主要模块包括:
login.js
- 认证接口mine.js
- 用户资料管理series.js
- 收藏系列管理airdrop.js
- 空投功能usa.js
- 礼品和藏品管理
部署
应用可以部署到以下平台:
- Web (H5)
- iOS应用
- Android应用
- 微信小程序
- 其他小程序平台
在 manifest.json
中配置不同平台的构建参数。