在page.js配置tabbar页面之后，使用u-tabbar，在浏览器显示正常，打包之后运行到iphone14图标与字重合，在iphone12正常
1***@qq.com
- 发布：2023-09-21 11:11
- 更新：2023-09-21 20:44
- 阅读：156
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 10
HBuilderX类型： 正式
HBuilderX版本号： 3.8.12
手机系统： iOS
手机系统版本号： iOS 16
手机厂商： 苹果
手机机型： iphone14
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
希望app在iphone14上展示正常
希望app在iphone14上展示正常
实际结果：
图标与字重合
图标与字重合
bug描述：
page.json
"tabBar": {
"backgroundColor": "#ffffff",
"borderStyle": "white",
"list": [{
"pagePath": "pages/index/index"
},
{
"pagePath": "pages/bank/bank"
},
{
"pagePath": "pages/home/home"
}
]
} <template>
<view>
<view class="u-page">
<!-- 所有内容的容器 -->
</view>
<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
<u-tabbar bg-color="transparent" v-model="current" :list="list" :mid-button="true" active-color="#4263eb" inactive-color="#acbbf3" @change="onTab"/>
</view>
</template>
<script>
export default {
computed:{
list(){
return [{
iconPath: "/static/tab/tab1.png",
selectedIconPath: "/static/tab/tab1_2.png",
text: '首页',
customIcon: false,
pagePath: '/pages/index/index'
},
{
iconPath: "/static/tab/tab2.png",
selectedIconPath: "/static/tab/tab2.png",
midButton: true,
customIcon: false,
pagePath: '/pages/bank/bank'
},
{
iconPath: "/static/tab/tab3.png",
selectedIconPath: "/static/tab/tab3_2.png",
text: '我的',
customIcon: false,
pagePath: '/pages/home/home'
},
]
}
},
data() {
return {
}
},
props: {
current: Number
},
methods: {
onTab(e) {
}
}
}
</script>
<style>
</style>
