uni-app 问题回顾

最新推荐文章于 2025-04-02 16:34:04 发布

我是杰仔zone

最新推荐文章于 2025-04-02 16:34:04 发布

阅读量1.8k

点赞数

分类专栏：小程序前端 Vue 文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/jiezaizone/article/details/105833713

版权

本文回顾了uni-app开发中遇到的问题，包括scroll-view横向排列、自定义tabbar限制、1rpx边框适配、页面滚动及自定义tabbar显示问题。针对这些问题，提供了相应的解决策略，如使用cover-view和cover-image，以及调整页面布局和层级。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uni-app 问题回顾

1.scroll-view 无法横向排列

将scroll-view的子元素的class 设置为

display: inline-block;

2.自定义tabbar

uni-app的tabbar最多支持5个页面，即使是自定义的，需要动态改变的tabbar，加起来也不能超过5个,需要在page.json文件进行设置, 如:

"tabBar": {
  "list": [{
    "pagePath": "pages/actualQuotation/ActualQuotation",
    "text": ""
  },{
    "pagePath": "pages/offer/Offer",
    "text": ""
  },{
    "pagePath": "pages/buy/Buy",
    "text": ""
  },{
    "pagePath": "pages/finance/FinancePage",
    "text": ""
  },{
    "pagePath": "pages/information/Information",
    "text": ""
  }]
}

自定义tabbar里最好使用 cover-view 和 cover-image 来创建视图