# uni_hanfuhui_mini

**Repository Path**: third_party/uni_hanfuhui_mini

## Basic Information

- **Project Name**: uni_hanfuhui_mini
- **Description**: 使用 uni-app 开发小程序/APP，汉服荟APP 4.7.0 为原型。内容数据来自应用 反编译 和 数据抓包，数据格式JSON。后续官方接口会变更，可以使用[汉服荟Easy-Mock APP 4.7.0](http://easy-mock.liuup.com/mock/5df764250a2f9f42cfec1a50/api5.hanfugou.com/)来预览应用。
- **Primary Language**: JavaScript
- **License**: Unlicense
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 32
- **Created**: 2019-12-25
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uni-app实践-基于汉服荟4.7.0原型

![书影o流风回雪-晚来天欲雪_700x.jpg](./unpackage/docres/a.jpg_700x.jpg) 

> `uni-app` 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。

## 原型完成程度：
* 动态、关注、发布列表显示
* 荟吧、摄影、视频、话题、文章、活动列表显示
* 评论、点赞、回复功能
* 个人信息、背景封面、个人头像、密码修改
* 关注、黑名单、排行榜、处罚公示、汉币兑换、签到 
* 视频播放、图片预览

（活动报名、发布日常等、IM聊天功能、商城购物。这些涉及他人数据敏感操作就不添加了。）

```text
uni_hanfuhui_mini
┌─api                   RestfulAPI接口服务目录 
├─components            复用组件目录 
├─pages                 业务页面文件存放的目录
├─static                存放应用引用静态资源的目录 
├─store                 全局vuex数据仓库文件目录 
├─style                 全局公共样式文件目录 
├─unpackage             存放编译生成的文件目录 
├─utils                 常用函数工具文件目录 
├─main.js               Vue初始化入口文件 
├─App.vue               应用配置，用来配置App全局样式以及监听 应用生命周期 
├─manifest.json         配置应用名称、appid、logo、版本等打包信息 
└─pages.json            配置页面路由、导航条、选项卡等页面类信息 
```
## 接口说明

通过汉服荟产品沟通，该应用可以发布开源，可使用它们测试站点 `api5.laosha.net`。

> *保持学习的态度，不污染他人数据。* 

考虑到它们服务器压力和接口正在变更。为方便应用预览使用[汉服荟Easy-Mock APP 4.7.0](http://easy-mock.liuup.com/mock/5df764250a2f9f42cfec1a50/api5.hanfugou.com/),请求固定数据。

![汉服荟-APP启动封面](./unpackage/docres/hanfuhui-appload.png) 
![汉服荟-APP](./unpackage/docres/hanfuhui-app.gif) 
![汉服荟-H5](./unpackage/docres/hanfuhui-h5.gif) 
![汉服荟-微信小程序](./unpackage/docres/hanfuhui-wxys.gif)

示例应用 `HBuilderX 2.4.6.20191210` 版编译，以微信小程序为主，条件编译打包APP并调整H5。