uniapp将h5底部tabbar改到顶部

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

|浏览量:

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

样式：

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

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

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

前端

相关推荐

2022-01-23

微信群聊头像组件

直起腰来，我看见蓝色的大海和帆影。——切·米沃什《礼物》分享一个群聊头像组件组件地址：https://ext.dcloud.net.cn/plugin?id=5456 效果：示例代码： 123456789101112131415161718192021222324252627282930313233343536373839<template> <view> <button type="primary" @tap="cerate">创建群组头像</button> <canvas :canvas-id="canvasId" style="width: 120px; height: 120px; margin: 36px auto;"></canvas> </view></template><script> import createAvata...

2021-05-12

vue子组件调用父组件方法

强迫学习的东西是不会保存在心里的。——《柏拉图论教育》首先我们在子组件中这样定义 123456789101112131415<template> <div> <el-button @click="callSuper">123</el-button> </div></template><script>export default { methods: { callSuper() { this.$emit('parentEvent', '我的'); } }};</script> 这里的组件就只有一个el-button，点击后执行callSuper函数里面这行this.$emit('parentEvent', '我的');表示调用在父组件引用子组件时传入的事件例如我这里调用了parentEvent，传入了个“我的”...

2023-11-15

emberjs

合抱之木，生于毫末；九层之台，起于累土；千里之行，始于足下。——老子分享一个js框架 https://emberjs.com/ Ember.js 是一个高效的、经过实战考验的 JavaScript 框架，用于构建现代 Web 应用程序。它包括构建可在任何设备上运行的丰富 UI 所需的一切。它的语法： 123456789import Route from '@ember/routing/route';export default class IndexRoute extends Route { async model() { return { title: 'Grand Old Mansion' }; }} 对应的页面 1<h1>{{@model.title}}</h1> 使用的是.hbs后缀的模板文件，语法和vue有些异曲同工之妙，是一个很值得学习的库其emberjs约定大于配...

2022-08-03

vuepress-theme-vdoing

要品味生活的浪漫，你得有点儿演员精神，必须像个旁观者，对自己的所作所为既超然事外又忘我投入。——毛姆《月亮和六便士》分享一个VuePress知识管理&博客主题官方文档：https://doc.xugaoyi.com/ github：https://github.com/xugaoyi/vuepress-theme-vdoing 提供多种主题模式看起来也很简洁，还有对应的广告位也有用来做博客的 mybatis-plus也用的该主题

2020-11-23

js打字机动画效果实现

坦白使人心地轻松的妙药。——西塞罗实现打字机效果 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...

2023-01-22

一个js视差动画

人生碌碌，竞短论长，却不道荣枯有数，得失难量。——《浮生六记》分享一个js视差动画：https://codepen.io/isladjan/details/abdyPBw 滑动会出现各种动画效果，非常的好玩

阿超

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

数据加载中