#🎉 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...

相关推荐
影子打怪8 小时前
uniapp项目中,通过renderjs的方式展示地图,及其标点、轨迹展示、轨迹回放
uni-app
iOS阿玮11 小时前
想偷懒购买现成的应用,结果一更新就遇到了4.3a!
uni-app·app·apple
HashTang11 小时前
【AI 编程实战】第 4 篇:一次完美 vs 五轮对话 - UnoCSS 配置的正确姿势
前端·uni-app·ai编程
ee82ee16 小时前
uniapp小程序底部键盘唤起问题处理,包含间隙处理,动画处理
微信小程序
qq_124987075317 小时前
基于springboot健康养老APP的设计与实现(源码+论文+部署+安装)
java·spring boot·后端·mysql·微信小程序·毕业设计
夏源17 小时前
【微信小程序】实现引入 Echarts 并实现更新数据
微信小程序
猿究院_xyz19 小时前
微信小程序与echarts联动安卓真机测试出现黑色阴影
前端·javascript·微信小程序·小程序·echarts
雯0609~21 小时前
uni-app:防止重复提交
前端·javascript·uni-app
2501_9159090621 小时前
苹果应用加密方案的一种方法,在没有源码的前提下,如何处理 IPA 的安全问题
android·安全·ios·小程序·uni-app·iphone·webview
百锦再21 小时前
与AI沟通的正确方式——AI提示词:原理、策略与精通之道
android·java·开发语言·人工智能·python·ui·uni-app