🎉 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/login 和 pages/me/me 等文件,请查看源码。
四、root 插件引入
今天正式引入了 shy 哥的 root 插件,并打赏了他 50元。 现在 unibest 支持全局的根组件 App.ku.vue,里面还可以保留数据给下游 vue 组件使用,使用方式已经内置到了 unibest 的 pages/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...