更新记录
1.0.6(2021-05-24) 下载此版本
- 更换阿里妈妈Mock源
- 已停止维护,可参考学习。
1.0.5(2019-12-28) 下载此版本
- 修改H5端下拉位置问题。
- 升级了两个组件版本。
- 修改的下拉刷新没多少提升。
- 请使用Easy-Mock接口结构,由于
汉服荟
官网接口更新,部分接口功能数据请求失败。
1.0.0(2019-12-24) 下载此版本
经过汉服荟产品同意,允许使用汉服荟
关键字开源。
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
uni-app仿制汉服荟-基于APP 4.7.0原型
uni-app
是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。
接口说明
保持学习的态度,不污染他人数据。
为方便应用预览使用在线模拟应用数据,原先的版本使用Easy-Mock,更新版使用RAP2。
该项目没有开发后端服务,有兴趣可以自行开发后端接口对接。
原型完成程度:
- 动态、关注、发布列表显示
- 荟吧、摄影、视频、话题、文章、活动列表显示
- 评论、点赞、回复功能
- 个人信息、背景封面、个人头像、密码修改
- 关注、黑名单、排行榜、处罚公示、汉币兑换、签到
- 视频播放、图片预览
该项目停止开发
项目说明
cmd_hanfuhui_mini
┌─api RestfulAPI接口服务目录
├─components 复用组件目录
├─pages 业务页面文件存放的目录
├─static 存放应用引用静态资源的目录
├─store 全局vuex数据仓库文件目录
├─style 全局公共样式文件目录
├─unpackage 存放编译生成的文件目录
├─utils 常用函数工具文件目录
├─config.js 配置网络地址
├─main.js Vue初始化入口文件
├─App.vue 应用配置,用来配置App全局样式以及监听 应用生命周期
├─manifest.json 配置应用名称、appid、logo、版本等打包信息
└─pages.json 配置页面路由、导航条、选项卡等页面类信息
又拍云图片后缀跟压缩显示
- 头像100:_100x100.jpg
- 头像200:_200x200.jpg
- 压缩预览图:_min.jpg/format/webp
- 高斯模糊图:_500x200.blur.jpg/format/webp
- 列表缩放图:_200x200.jpg/format/webp
- 列表缩放图:_250x250.jpg/format/webp
- 查看大图:_700x.jpg/format/webp
- 查看原图:_0.jpg/format/webp
- 保存原图:_0.jpg
- 视频封面图:_850x300.jpg/format/webp
总结
主要微信小程序,条件编译打包APP并调整H5。开发APP端的建议使用 nvue
页面结构同 vue, 由 template、style、script 构成。即将推出的v3大幅度增强原生渲染APP。查看 uni-app 跨端开发注意事项 ,部分跨端使用条件编译调整。
已发布到uni-app 插件市场,欢迎给个五星好评。
mescroll -支持uni-app的下拉刷新上拉加载组件 v1.1.9(2019-12-16)
uParse修复版-html富文本加载 v1.1.0(2019-06-30)
SwipeAction 滑动操作 v1.1.0(2019-12-04)
感谢以上组件的作者,以上插件可能都已经更新,做出大量优化。
衍生项目-学习圈
使用技术
- 服务端:Egg.js、MySQL 8.0.16 (支持Dockerfile部署服务)
- 后台管理:vue-element-admin 精简版
- 客户端:uni-app 已测试适配微信小程序/安卓APP/H5
- 第三方SDK:阿里云对象存储、阿里云文本审核、网易云信IM即时通讯
预览
示例应用
HBuilderX 3.1.13.20210514
版编译。
祝愿DCloud越做越好