更新记录

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原型

书影o流风回雪-晚来天欲雪_700x.jpg

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)
感谢以上组件的作者,以上插件可能都已经更新,做出大量优化。

衍生项目-学习圈

  1. 数据模拟使用RAP2,图片没法上传,请求数据固定默认成功。
  2. 二次优化开发毕业设计软件应用类,已完成校内知网论文查重0.3%和验收工作。
  3. 后续不在开发更新,需要源码和论文可联系(拒绝白嫖)

使用技术

预览

示例应用 HBuilderX 3.1.13.20210514 版编译。

祝愿DCloud越做越好

隐私、权限声明

1. 本插件需要申请的系统权限列表:

App平台:使用 <video/> 组件,打包 App 时必须勾选 manifest.json->App 模块权限配置->VideoPlayer 模块。

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据,阿里妈妈前端团队RAP2模拟在线随机数据 http://rap2api.taobao.org/app/mock/283276/index

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无广告,喜欢可以支持一下,注释风格///、// 为主。

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问