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

相关推荐
郑州光合科技余经理5 小时前
海外版外卖加盟:总站与分站配送规则怎么分开管
java·开发语言·前端·后端·uni-app·php·ai编程
星光开发者8 小时前
基于决策树随机森林算法的小说推荐系统的设计与实现-计算机毕设【课程设计】78485
vue.js·算法·微信小程序·django·php·课程设计·express
QQ_216962909618 小时前
基于微信小程序的智能膳食分析系统
java·大数据·spring boot·微信小程序·小程序·旅游
QQ_216962909618 小时前
基于C#(Asp.net)电竞陪玩信息管理系统的设计与实现
java·大数据·spring boot·微信小程序·c#·云计算·asp.net
遗憾随她而去.1 天前
uniApp跨端开发: 解决不同平台显示差异问题
uni-app
m0_462803882 天前
名单制签到怎么落地:拆解“仅名单内人员签到“的配置链路与匹配逻辑
微信小程序
卓怡学长3 天前
w192基于springboot“考研情报站”微信小程序设计与实现
java·spring boot·spring·微信小程序·intellij-idea
程序鉴定师5 天前
2026年深圳小程序/App开发公司技术选型指南:从架构设计到交付标准全维度评估
java·小程序·uni-app·php·objective-c
Q26433650235 天前
【有源码】基于uni-app的旅游行程规划小程序-基于微信小程序的智慧文旅综合服务平台
java·微信小程序·小程序·uni-app·毕业设计·springboot·源代码
网硕互联的小客服5 天前
微信小程序多种跳转页面方式教学
微信小程序·小程序·notepad++