uniapp将h5底部tabbar改到顶部

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

|浏览量:

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

样式：

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

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

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

前端

相关推荐

2026-03-25

editor

集腋成裘，聚沙成塔。几秒钟虽然不长，却构成永恒长河中的伟大时代。——弗莱彻 Pascal Editor有些编辑器喜欢写字，有些编辑器喜欢画画，而 Pascal Editor 更像一个戴着安全帽的建筑师：他不在纸上涂涂改改，他直接把你拽进三维空间里，抬手就是一堵墙，转身就是一块楼板，眨眼之间，一个 Site、一栋 Building、好几层 Level 就搭起来了——而且他跑在 React Three Fiber 与 WebGPU 的快车道上，动作利落，手感顺滑。一句话就把他的人设钉死在门口： A 3D building editor built with React Three Fiber and WebGPU. 视频入口也在 README 里（那是他给你递来的“看我施工”的短片）：https://github.com/user-attachments/assets/8b50e7cf-cebe-4579-9cf3-8786b35f7b6b 住址（Homepage）他把自己的工作室地址挂得很显眼： https://editor.pascal.app 这是一个 Turbo...

2021-09-28

vue中slot插槽

Be weird. Your strangeness is your magic. 我们在进行vue开发中，经常会使用到slot插槽插槽允许我们在父组件引用子组件时，在组件其中放一段可以带标签的元素，甚至放入其他组件等例如我这里定义一个组件 12345678910111213141516171819<template> <div> <header><slot name="header" :user="user">-------</slot></header> <main><slot :user="user">默认内容</slot></main> <footer><slot name="footer" :user="user">-------</slot></footer> </div><...

2021-12-22

truthy

每天务必做一点你所不愿意做的事情，这是一条宝贵的准则，它可以使你养成认真尽责而不以为苦的习惯。——马克.吐温我们知道js中如果使用： 123if(2){ console.log("2")} 可以看到if中代码块执行了这是因为JavaScript 在布尔值上下文中使用强制类型转换（coercion）而我们if括号中表达式2，由于为truthy，也就是真值所以被转换为了true JavaScript 中的真值示例如下（将被转换为 true，if 后的代码段将被执行）： 1234567891011if (true)if ({})if ([])if (42)if ("foo")if (new Date())if (-42)if (3.14)if (-3.14)if (Infinity)if (-Infinity) 反之，我们也有Falsy 在 JavaScript 中只有 8 个 falsy 值。这意味着当 JavaScript 期望一个布尔值，并被给与下面值中的一个时，它总是会被...

2021-12-23

codeFlask

猝然死去本无甚苦痛，长期累死倒真难以忍受。——佚名 codeFlask是一个在线代码编辑器：官方文档：https://kazzkiq.github.io/CodeFlask/ github：https://github.com/kazzkiq/CodeFlask 代码也很简单： 123456789101112131415161718192021222324252627282930313233343536373839404142<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://unpkg.com/codeflask/build/codeflask.min.js"></script> </head> <body> <...

2021-04-05

localStorage

蚍蜉撼大树，可笑不自量。——韩愈《调张籍》我们可以使用LocalStorage在页面上存点东西，限制是5MB 1window.localStorage.setItem("ruben","Hello") 我们再取出来 1window.localStorage.getItem("ruben") 如果我们要移除 1window.localStorage.removeItem("ruben") 要移除全部 1window.localStorage.clear()

2021-12-20

typescript快速入门

在原则产问题上，要坚定如磐石；在兴趣问题上，则要顺应潮流。——美国官方文档：https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html 中文文档：https://www.tslang.cn/docs/handbook/typescript-in-5-minutes.html 下载VScode：https://visualstudio.microsoft.com/zh-hans/ 安装后打开新建文件选择语言写下代码 1234567function greeter(person) { return "Hello, " + person;}let user = "Jane User";document.body.innerHTML = greeter(user); 顺手安个中文重启后，我们打开控制台然后安装typescript 1cnpm install -g typescript 编译ts文件： 1...

阿超

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

数据加载中