uniapp将h5底部tabbar改到顶部

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

|浏览量:

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

样式：

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

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

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

前端

相关推荐

2024-05-12

zui

读书须求大义，不可缠绕于琐碎传注之间。——贺钦分享一个禅道开源的 UI 库 ZUI https://github.com/easysoft/zui 官方文档： https://openzui.com/ ZUI 3 是一个全新的开源 UI 组件库，提供了丰富的实用组件，并提供自由的定制使用方式，不依赖任何 JavaScript 框架，可以在任何 Web 应用中通过原生的方式使用。访问 ZUI 3 | ZUI 3 来提前预览组件库。 👉 如果你需要访问 ZUI 1，请访问 https://openzui.com/ ，ZUI 1 源码已经转移到 zui1 分支。特性 🌸 丰富的 CSS 工具类：基于 Tailwind CSS 提供了丰富的 CSS 工具类，包括特别的语义化外观类名； 💠 强大的 JS 组件：基于 Preact 提供了大量 JavaScript 组件，每个组件提供了大量实用的功能选项； 💖 友好现代的界面：提供了经过精心设计的界面风格，所有组件交互经过反复优化和验证以提供最佳方式； 🌗 主题和深色模式：基于 CSS 变量的主题模式，快速生成主题，内置...

2022-02-05

标签模板

不慕古，不留今，与时变，与俗化。——《管子·正世》按照阮一峰ES6入门中写到的我们可以使用函数名+模板字符串写法来调用函数，例如：定义这样一个函数 123function templateFun(arguments){ return `Hello ${arguments[0]}!`} 这里简单用模板字符串，返回Hello +参数数组第一项元素+! 我们普通调用写法： 1templateFun(['Ruben']) 输出'Hello Ruben!' 我们如果使用标签模板，写法如下： 1templateFun`Ruben` 如果其中有变量，则会进行剥离拆分，我们对函数稍加修改，参数改为可变参数 12345function templateFun(...arguments){ console.log(arguments) return `Hello ${arguments}!`}templateFun`Ruben${'...

2025-01-17

pagespy

微微怪时间不能保存情绪，保存那一切情绪所曾流连的境界。——《你是人间的四月天》最近发现了一个非常有趣且实用的前端开发辅助工具 —— Page Spy，由 HuolalaTech 开发并开源。这款工具旨在为前端开发者提供实时的页面监控能力，可以帮助快速分析页面的元素、性能以及数据交互等关键信息，尤其在调试复杂页面时显得格外高效。 Page Spy 的定位类似于浏览器的开发者工具，但提供了一些更便捷的功能，特别是在页面性能监控和数据分析方面。这款工具可以实时捕获页面的 DOM 结构变化、资源加载情况以及 API 请求数据，对于开发和优化网页性能非常有帮助。安装和使用 Page Spy 十分简单。只需从 GitHub 项目页面获取源码，或者通过浏览器扩展形式直接加载：克隆项目到本地： 12git clone https://github.com/HuolalaTech/page-spy-web.gitcd page-spy-web 按照项目中的说明运行工具，或者将扩展加载到你的浏览器中。一旦加载完成，打开目标网页，激活 Page Spy，即可开始实时监控。 ...

2022-02-16

react快速上手

一个人能否有成就，只看他是否具备自尊心与自信心两个条件。——苏格拉底今天想简单玩玩React，我们打开React官方文档： https://react.docschina.org/ 点击入门教程通过简单的介绍后，我们开始代码编写打开提供的在线初始代码(我们之后再搭建本地开发环境来完成这个游戏，今天暂时只做一个简单入门)： https://codepen.io/gaearon/pen/oWWQNa?editors=0010 打开codepen提供的在线编辑器，看到初始代码后，我们可以开始尝试编写注意看文档，这里三个React组件Square正方形、Board画板以及Game游戏看到代码中的结构为主入口： 123456// ========================================ReactDOM.render( <Game />, document.getElementById('root')); 其中通过root这个id绑定了一个节点，包含了一个Game组件 123456789101112131415cl...

2025-05-02

vue-awesome-paginate

尽量在舒适的情况下工作。记住，身体的紧张会制造肩痛和精神疲劳。 —— 卡耐基 https://github.com/peshanghiwa/vue-awesome-paginate vue-awesome-paginate：Vue.js 3 的强大分页解决方案在 Web 应用开发中，分页是一个常见的功能，尤其是在处理大数据集时。vue-awesome-paginate 是一个专为 Vue.js 3 打造的分页库，它以简单、高效和灵活的特点，帮助开发者快速实现分页功能。什么是 vue-awesome-paginate？vue-awesome-paginate 是一个开源库，旨在为 Vue.js 3 应用提供强大的分页解决方案。它具有高度的可定制性，支持多种分页样式，并且易于与现有项目集成。核心特点：简洁的 API：快速上手，减少开发时间。高度可定制：支持样式和行为的全面定制。轻量级：库体积小，性能优异。 Vue 3 支持：专为 Vue.js 3 设计，充分利用其功能特性。使用场景vue-awesome-paginate 适用于以下场景：数据表格分页在数据密...

2025-08-01

人们宁愿去关心一个蹩脚电影演员的吃喝拉撒和鸡毛蒜皮，而不愿了解一个普通人波涛汹涌的内心世界。——路遥《平凡的世界》 X6 ：让你的流程图、DAG、ER图开发像搭积木一样高效有趣！如果你是一名开发者、产品经理，或者数据分析师，是否曾为“如何快速搭建一个好用、美观、可定制的流程图/DAG/ER图编辑器”而头疼？AntV X6，就是为了解决你的痛点而生的专业图编辑引擎！ X6是什么？X6 是 AntV 旗下的图编辑引擎，专为流程图、DAG 图、ER 图等各类图应用打造。它提供了简单易用的节点定制能力和丰富的交互组件，让你像搭积木一样快速实现强大、个性化的图应用，无论你是用 SVG、HTML、React、Vue 还是 Angular，都能轻松上手定制。官网直达：https://x6.antv.antgroup.com 四大核心特性，让图编辑开发变得“丝滑”！🌱 极易定制支持 SVG/HTML/React/Vue/Angular 各种主流技术栈，无论你喜欢哪种方式，都能打造出炫酷的节点样式和交互效果。节点、边都能灵活...

阿超

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

数据加载中