uniapp获取底部导航tabbar的高度（H5）

游九尘

已于 2024-10-29 15:51:15 修改

阅读量2k

点赞数 3

分类专栏： uniapp 文章标签： uni-app 前端

于 2024-10-17 08:40:33 首次发布

本文链接：https://blog.youkuaiyun.com/u012162516/article/details/142996523

版权

uniapp 专栏收录该内容

13 篇文章

订阅专栏

uniapp获取底部导航tabbar的高度（H5）

<view :style="'bottom:' + tabBarHeight + 'px;'">
</view>

<script>
	import {
		request
	} from '@/request/request.js';
	export default {
		data() {
			return {
				tabBarHeight: 0, // 底部tabBar高度， h5
			}
		},
		onLoad() {
			this.$nextTick(()=>{
				// #ifdef H5
				getTabBarHeight(){
					const systemInfo = uni.getSystemInfoSync()
					this.tabBarHeight = systemInfo.windowBottom
				},
				// #endif
			})
		},
	}