uniapp解决在后端底部和tabbar内容重合问题_uniapp自定义tabbar 与底部tabbar重叠

作者：Gausst松鼠会 | 2024-02-19 06:47:08

踩

uniapp自定义tabbar 与底部tabbar重叠

手册提供了 --window-bottom 变量，本来说在每个页面都去写，但是发现太麻烦了，就利用css的after直接在主组件中（App.vue文件）添加即可，代码如下：

	<style lang="scss">
	page {
		background-color: #f9f9f9;	
		position: relative;
	}
	
	page>uni-view:first-child::after {
		content: '';
		position: relative;
		height: var(--window-bottom);
		width: 100%;
	}
	</style>
1
2
3
4
5
6
7
8
9
10
11
12
13

这样就不用在每个页面都要去写一次了

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/113192