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

相关推荐
anyup1 小时前
分享 5 套 uni-app 实用主题,一键适配暗黑模式
前端·uni-app·视觉设计
gg159357284605 小时前
Uni-app跨平台开发全解课程:从零基础到企业级多端落地实战
vue.js·uni-app
wuxia21186 小时前
在5种环境中编写点击元素改变内容和颜色的JavaScript程序
javascript·微信小程序·vue·jquery·react
it-10248 小时前
抖音快手短视频去水印微信小程序/一键去水印/小程序去水印接口代码
微信小程序·小程序·php
夏天测1 天前
微信小程序自动化漏洞挖掘流水线:从缓存提取到密钥验证全流程实战
python·网络安全·微信小程序·漏洞挖掘
it-10241 天前
微信小程序短视频去水印/抖音短视频去水印/免费去水印源码
微信小程序·小程序·视频去水印
xshirleyl1 天前
uniapp小兔鲜儿day3
uni-app
Geek_Vison2 天前
2026 跨端框架横评:FinClip、Taro、uni-app、Remax、mPaaS 五款工具技术+业务双维度测评
小程序·uni-app·taro·mpaas·小程序容器
kidding7232 天前
高效备忘清单工具类小程序
前端·计算机网络·微信小程序·小程序
RuoyiOffice2 天前
从 0 到 1 搭建 RuoyiOffice:30 分钟跑通后端+前端+移动端
前端·spring boot·uni-app·开源·oa·ruoyioffice·hrm