#🎉 unibest 3.11了!快来看看新增了啥~

🎉 unibest 3.11了!快来看看新增了啥~

大家好,我是菲鸽,自从上次6月份发布 《🎉 unibest 3.0 发布了!看看都更新了啥好用的功能~》 已经过去2月了,现在已经更新到了 v3.11.0,来看看都新增了啥吧。

总览

  • 【重构/新增】tabbar 策略
  • 【优化】多语言模板 优化
  • 【新增@v3.10】登录LOGIN 策略
  • 【新增@v3.11】root 插件引入,支持全局 App.ku.vue, 并支持给 vue组件 传参!

一、tabbar 策略

tabbar 策略在 v3.0 是放在 src/layouts/fg-tabbar/ 文件夹的, 后来在某个版本迁移到了 src/tabbar/,然后又优化了好几版。

  • 自定义tabbar 完全重写,不再依赖 UI库。(因为当时接入 skyiee-ui 的时候,它并没还有 Tabbar 组件,于是我就想着搞一个 UI库 无关的 tabbar。)
  • 自定义 tabbar 支持 badge 展示,可以显示小红点和数字。
  • 自定义 tabbar 支持手动切换 badge 的数量。
  • 自定义 tabbar 支持 中间鼓包TabbarItem 的展示。

二、多语言模板 优化

基于上面的 tabbar 进行了多语言处理,同时还新出了了一下2个功能。

  • tabbar 在切换多语言后,会自动处理多语言的文案切换。
  • navbar 在切换多语言后,会自动处理多语言的文案切换。

这两个一直都需要用户自己处理的,现在 unibest 都帮您处理好了,请放心使用吧。

三、登录LOGIN 策略

tabbar 的策略模式一样,登录也是支持策略选择的。

有些应用可以直接进入,有些应用必须要登录才能进入,这都可以通过选择不同的登录策略来实现。当前有2种策略:

  • 默认无需登录策略: DEFAULT_NO_NEED_LOGIN
  • 默认需要登录策略: DEFAULT_NEED_LOGIN

同时支持设置 EXCLUDE_PAGE_LIST 表示排除的路由列表,移除以前的 needLogin 字段的判断。

  • 默认无需登录策略: DEFAULT_NO_NEED_LOGIN 中,只有路由在 EXCLUDE_PAGE_LIST 中,才需要登录,相当于黑名单。
  • 默认需要登录策略: DEFAULT_NEED_LOGIN 中,只有路由在 EXCLUDE_PAGE_LIST 中,才不需要登录,相当于白名单。

除此之外,还配套实现了不同策略下的跳转逻辑,比如首页必须要登录才能进入,那就会默认去登录页,登录完后会自动重定向到首页。其他页面的重定向也做了处理,请放心使用。

鉴于代码跟之前的路由拦截器有关联,于是就一起放到 src/router 文件夹了。

lua 复制代码
- router
| - config.ts   ---- 主要的配置代码在这里
| - interceptor.ts
| - README.md

当然配套的代码还有 pages/login/loginpages/me/me 等文件,请查看源码。

四、root 插件引入

今天正式引入了 shy 哥的 root 插件,并打赏了他 50元。 现在 unibest 支持全局的根组件 App.ku.vue,里面还可以保留数据给下游 vue 组件使用,使用方式已经内置到了 unibestpages/about/about 里面。

同时还做了一个重大优化: 去掉了 layouts/tabbar.vue, 并把 FgTabbar 内置到 App.ku.vue 里面,并通过判断当前页是否是 tabbar 路由 来自动显示隐藏,减少用户心智负担。

关键代码如下:

xml 复制代码
<template>
  <KuRootView />
  <FgTabbar v-if="isCurrentPageTabbar" />
  ...其他代码
</template>

这个改动需要用户稍微适应一下,希望大家最后都会喜欢。

五、录制视频

目前录制了好几个视频,放到了 B站,感兴趣的可以去看看,如果对您有帮助记得一件三连哈。

www.bilibili.com/video/BV1om...

好了,很晚了, 00:30 了, 睡了,各位晚安~~


unibest 唯一官网 unibest.tech

unibest 唯一正确仓库: github.com/unibest-tec...

相关推荐
2501_9151063210 小时前
iOS App 测试工具全景分析,构建从开发调试到线上监控的多阶段工具链体系
android·测试工具·ios·小程序·uni-app·iphone·webview
dchen7711 小时前
uniapp实现上拉刷新和下拉刷新的两种方式
uni-app
FinelyYang12 小时前
uniapp+unipush2.0+WebRTC实现h5一对一视频通话
uni-app·音视频·webrtc
天蓝色的鱼鱼16 小时前
mescroll老用户亲测z-paging:这些功能让我果断切换!
前端·uni-app
anyup17 小时前
🔥100+ 天,已全面支持鸿蒙!uView Pro 近期更新盘点及未来计划
前端·uni-app·harmonyos
半兽先生1 天前
uniapp高性能ui框架uni-ui
ui·uni-app
qq_316837751 天前
uniapp 观察列表每个元素的曝光时间
前端·javascript·uni-app
iOS阿玮1 天前
打个广告,帮忙招一个iOS开发的扛把子~
uni-app·app·apple
Cerrda1 天前
🌟让你的uniapp应用拥有更现代的交互体验,一个支持滚动渐变透明的导航栏组件🌟
uni-app
2501_916007471 天前
iOS 应用性能测试的工程化流程,构建从指标采集到问题归因的多工具协同测试体系
android·ios·小程序·https·uni-app·iphone·webview