老师,我手机上预览和电脑上底部的导航栏是不一样的,这是为什么

老师,我手机上预览和电脑上底部的导航栏是不一样的,这是为什么

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2022-01-04 10:37:37

同学你好,猜测同学是安卓手机预览的,因为在安卓手机上,tabbar中list数组中的一项代表一个页面,所以在pagePath中需要指向到不同的页面,如果list中的tabBar中指向的页面只有一个或两个,真机预览时只会显示和指向页面相同的个数。由于源码中首页和购物车的pagePath都指向了同一个index页面,预览时只显示一个,导致最终只有两个导航项。如下:

https://img1.sycdn.imooc.com//climg/61d3b1a809d2ef6507620583.jpg

建议:新建一个测试页面,将购物车的pagePath属性值修改为指向这个新建的页面试试。示例:

https://img1.sycdn.imooc.com//climg/61d3b2800975573502320254.jpg

https://img1.sycdn.imooc.com//climg/61d3b245097b344509520667.jpg

祝学习愉快~

好帮手慕星星 2022-01-03 10:12:02

同学你好,老师测试源代码,在手机上预览没问题

https://img1.sycdn.imooc.com//climg/61d25b5809573c2306301348.jpg

同学是用自己写的代码测试的吗?可以用源码测试看看。

祝学习愉快~

  • 提问者 Cassiel751696 #1

    我从课程上下载了老师的源码,从手机上看底部tab栏还是显示的两个,这是那块设置的问题吗

    2022-01-04 09:53:59
  • 提问者 Cassiel751696 #2

    这是下载的源码,依然是显示的两个

    https://img1.sycdn.imooc.com//climg/61d3abad08f26d9410802340.jpg

    2022-01-04 10:07:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师