uniapp将h5底部tabbar改到顶部

发表于2024-06-28|更新于2026-02-24

|浏览量:

家贫僮仆慢，官罢友朋疏远。——佚名

样式：

.uni-tabbar{
 top: 0;
 height: 50px;
}
.uni-app--showtabbar {
 padding-top: 50px;
}

当然大家也有大家的方式，不能说谁的好谁的坏

我这个的主要特点是能够适配没有tabbar的子页面

前端

相关推荐

2025-03-17

GameDev.js Jam 2025

少年时代，她觉得选择为时过早，而现在已是青年，她又觉得改变为时已晚。——保罗·科埃略的《韦罗妮卡决定去死》我最近发现了一个非常有趣的活动——GameDev.js Jam 2025。这个活动为全球的游戏开发者提供了一个展示创意和技能的平台。今天，我将为大家详细介绍一下这个活动的特点和参与方式。什么是 GameDev.js Jam？GameDev.js Jam 是一个年度的在线游戏开发竞赛，旨在鼓励开发者使用 JavaScript 及其相关技术进行游戏开发。无论你是专业开发者还是业余爱好者，都可以参加这个活动，展示你的创意和技术。活动亮点1. 全球参与GameDev.js Jam 吸引了来自世界各地的游戏开发者参与。你将有机会与全球的开发者交流经验，分享心得，提升自己的技能。 2. 丰厚的奖品活动为获奖者提供了丰厚的奖品，包括现金奖励、硬件设备和软件许可证等。这些奖品不仅是对你努力的认可，也能为你的未来开发提供支持。 3. 专业的评审参赛作品将由一组专业的评审进行评判。这些评审来自游戏开发行业，他们的反馈和建议将对你的作品有很大的帮助。 4. 学习和成长通过参与 GameD...

2021-09-13

css模糊

我们都希望自己过艺术的一生，但艺术是什么，却没有明确的定义。你过早地为人生设限，大多数时候是不成熟的表现。——灵遁者对应的css代码为： 1filter: blur(1px); 这里可以更改blur值的大小 1filter: blur(2px);

2024-08-18

Apache-ShenYu支持namespace功能（二）

我曾踏足山巅，也曾进入低谷，二者都让我受益良多。——《英雄联盟》瓦洛兰之盾塔里克上一期：Apache-ShenYu支持namespace功能喜闻乐见，这是个连续系列，今天主要是给shenyu-dashboard的selector部分添加namespace适配 PR连接： https://github.com/apache/shenyu-dashboard/pull/471 这里有一个知识点 123456import { connect } from "dva";@connect(({ global }) => ({ currentNamespaceId: global.currentNamespaceId,}))class RuleCopy extends Component {} 装饰器语法 @connect 来连接组件与 dva 的状态管理。@connect 是一个高阶函数，通常用于将 Redux store（在 dva 中表现为 model）中的状态映射到组...

2025-02-03

tiptap

暮冬时烤雪，迟夏写长信。——陈鸿宇 https://github.com/ueberdosis/tiptap/https://tiptap.dev/ 最近在做富文本编辑器的项目时，发现了 Tiptap，这是一个基于 ProseMirror 的现代化富文本编辑器框架。Tiptap 拥有高度的可扩展性、灵活的 API 和出色的跨平台支持，非常适合构建复杂的文本编辑体验。它在社区中有着很高的评价，并且已经在许多企业级项目中得到应用。 Tiptap 是什么？Tiptap 是一个为现代 Web 应用设计的富文本编辑器框架，采用模块化设计，允许开发者自由组合功能和插件。不同于传统的 WYSIWYG（所见即所得）编辑器，Tiptap 提供了更细粒度的内容控制能力，让开发者能够精确定义编辑器的行为和外观。 Tiptap 的核心依赖 ProseMirror，这是一个非常强大的文本编辑引擎。Tiptap 通过封装 ProseMirror 的复杂性，提供了更易用的开发接口，使得构建富文本编辑器变得更加简单高效。 Tiptap 的特点模块化和可扩展性Tiptap 的插件系统使得开发者可以按需引...

2022-04-23

drag事件

生活最沉重的负担不是工作，而是无聊。——罗曼·罗兰首先是MDN：https://developer.mozilla.org/zh-CN/docs/Web/API/HTML_Drag_and_Drop_API 然后是代码： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <style> .drop-container{ width: 200px; height: 200px; border: 1px solid red; background: #eee; } .drag-ball{ w...

2023-09-26

react生命周期弃用

强本而节用，则天不能贫；养备而动时，则天不能病；修道而不贰，则天不能祸。——荀子在运行apache-shenyu发现很多警告大致说是生命周期弃用了，并且提供了一个指南链接 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html 指南中大致提到了几点，以及相关的例子 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#examples 例如请求数据渲染时使用componentDidMount代替componentWillMount之类的场景我也针对新建了一个issue，去处理优化掉这些弃用的生命周期 https://github.com/apache/shenyu-dashboard/issues/341

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中