更新记录

3.0.0(2020-01-10) 下载此版本

项目重写了~~基于uni-app,colorUI,主要适配 微信小程序、APP、H5。 加入了 colorUI 开发起来更顺手更快。 融合了七牛云存储+阿里OSS存储 优化了TabBar


平台兼容性

介绍 3.0

项目重写了~~基于uni-app,colorUI,封装了《自定义TabBar》《上传图片》《全局自定义loading》等功能 主要适配 微信小程序、APP、H5。

新版特点

第一步当然是 npm install 安装下依赖了。

全局自定义loading

复制代码    // 已在 main.js 注册全局组件,在每个页面中 添加<cu-loading>即可 页面中添加即可,其他组件无需添加。(页面就是在pages.json 中注册了的)

    <cu-loading></cu-loading>
    // 具体
    // 是否显示 半透明背景
    // 是否点击 半透明背景 关闭loading
    // 在 /components/loading/loading.vue 中自行修改

自定义TabBar

  • 这次做成了引入外部配置文件 uni-setting.json 请求在 App.vue 中的 onLaunch 里 H5注意需要服务端允许跨域
  • 几乎所有配置及数据 也在 vuex中统一管理 /store/index.js
  • 注意:tabbar 所能切换的页面 必须以组件的形式 已经加载进 home.vue(根页面)。
  • 详见 示例代码

    上传图片

  • 普通上传文件直接通过 官方的API 上传到业务服务器 ,我就没写。
  • 上传至七牛云存储 (支持 微信小程序 APP H5 其他未测,未兼容 ),上传至七牛云均采用base64上传。
  • 上传至阿里OSS (阿里OSS不支持直接上传base64)
    • H5上传 是通过服务端 STS签名 然后客户端使用 ali-oss库 进行上传。
    • 其他端 为 客户端直接自己签名,通过uni.uploadFile(OBJECT)直接上传,因为H5 客户端代码会直接暴露,所以H5采用服务端签名。

主题色

  • 项目用到颜色的地方全部使用 vuex 中的 配置数据。
  • 开发时候就得注意写法 麻烦是麻烦了一些 不过如果有一键切换主题色的需求可以试试

非专业写文档,凑合看。

有疑问联系 QQ 113276952 mail:thamiti@163.com;yb.lane.thamiti@gmail.com

隐私、权限声明

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

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

部分数据用的 豆瓣API

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

许可协议

MIT协议
xia***@163.com

2024-02-01

启动不起来的项目应该下架,

API连不上也没有替代方案 ...

144***@qq.com

2021-11-04

你好uni-setting.json,文件内容是否可以发一下

魇七7

2020-11-19

没有tabbar 骗人的

tha***@163.com 2020-11-19

我是最近半年没时间维护了。有的服务挂了。。 项目起不来 你自己找找 代码看 没有的话 哪来那么多好评的

131***@163.com

2020-11-27

根本就没有什么tabbar,就只有三个功能,上传图片,自定义loading和一键切换主题! 作者这是欺骗大家啊!(别回复了,项目里面再怎么找都没有tabbar的代码)

tha***@163.com 2020-11-19

我是最近半年没时间维护了。有的服务挂了。。 项目起不来 你自己找找 代码看 没有的话 哪来那么多好评的

110***@qq.com

2020-09-28

这哪里有tabar啊

hnn***@163.com

2020-09-27

一打开就一堆报红 tabar拦也没见着

mr_***@foxmail.com

2020-09-17

支持动态路由拦截吗?

面向大海

2020-06-23

正常编译就出错了

Dream_Function

2020-05-09

你好,如何在APP使用中,上传到阿里的OSS上。能给个demo吗?谢谢作者

104***@qq.com

2020-03-24

我是小白一个。APP上,比如common-page下的goods.vue 这段代码,点击其它tabbar按钮再回来点击,高亮状态不会更改了

TAB{{item}}

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