uniapp将h5底部tabbar改到顶部

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

|浏览量:

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

样式：

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

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

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

前端

相关推荐

2023-03-30

图片懒加载（二）

何以息谤？曰：“无辩”。何以止怨？曰：“无争”。——王通之前写了图片懒加载今天来一种方式： https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/img#attr-loading 采取loading="lazy"方式延迟加载图像，直到它和视口接近到一个计算得到的距离（由浏览器定义）。目的是在需要图像之前，避免加载图像所需要的网络和存储带宽。这通常会提高大多数典型用场景中内容的性能。 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .ruben { width...

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${'...

2022-01-06

js生成二维码

我们飞得越高，我们在那些不能飞的人眼中的形象就越渺小。——尼采《查拉图斯特拉如是说》我们使用qrcodejs生成：https://github.com/davidshimjs/qrcodejs 下载这个js并引用不知道怎么下载的可以直接到这个链接下按ctrl+s另存为 https://raw.githubusercontent.com/davidshimjs/qrcodejs/master/qrcode.min.js 然后编写代码： 123456789101112131415161718192021<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="./js/qrcode.min.js" type="text/javascript"></script> </head> <body>...

2023-09-04

mdit-vue

睡在哪里都是睡在夜里。 ——贾平凹《废都》分享一个开源项目： GitHub - mdit-vue/mdit-vue: markdown-it plugins for Vue.js 这个项目在这里为 markdown-it 提供一些统一的插件，这是 JS 世界中最受欢迎的 markdown 解析器之一，以使其更好地与 Vue 配合使用它是markdown-it的vue插件 GitHub - markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed https://markdown-it.github.io/

2025-11-22

playcanvas-engine

生活就像一盒巧克力，你永远不知道下一颗是什么味道。——阿甘·弗雷斯 PlayCanvas Engine 深度观察：在浏览器原生跑起来的开放式 3D/WebXR/WebGPU 游戏引擎仓库地址：playcanvas/engine描述：Powerful web graphics runtime built on WebGL, WebGPU, WebXR and glTF官网：PlayCanvas 网站 | 用户手册 | API Reference | 在线示例 | 官方博客（这些入口均在 README 顶部有导航）许可证：MIT语言：JavaScript / TypeScript（脚本可二选一）核心技术关键字（源自仓库 Topics）：webgl webgl2 webgpu webxr gltf game-engine gaussian-splatting 等 PlayCanvas Engine 是一个完全开源、浏览器原生运行的实时 3D / 游戏 / 交互内容引擎。它的定位并不是“另一个封装层”，而是一套将现代 W...

2021-11-14

mixin

所有智力方面的工作都要依赖于兴趣。——皮亚杰如果我们需要在各个vue页面使用相同的公共元素我们就可以使用minxin 官方文档：https://cn.vuejs.org/v2/guide/mixins.html 我们新建一个mixin.js 1234567891011121314151617181920export default { data() { return { name: 'ruben' } }, created() { console.log('this.name', this.name); // 尝试访问调用方属性 console.log('this.prefix', this.prefix); }, mounted() { console.log("mixin mounted"); }, methods: { hello() { console.l...

阿超

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

数据加载中