请问携程小程序底部的筛选栏是如何实现的,如图

请问携程小程序底部的筛选栏是如何实现的,如图,第1张

flex是d性布局,下边的这个是用position中的绝对定位完成的,将这个div设置成绝对定位,然后将bottom的值设置为0,margin:auto再把这个div的背景设置为透明,有很多方法

如果您发现小程序在底部特别小,可能是因为您的手机屏幕分辨率较高,导致小程序图标显示较小。您可以尝试以下方法:

1 调整手机显示比例:在手机设置中找到“显示”或“屏幕显示”选项,尝试调整显示比例或放大倍数。

2 调整小程序显示设置:在小程序中,点击右上角的“设置”按钮,找到“显示设置”选项,尝试调整“图标大小”或“字体大小”。

3 更换手机壳或屏幕保护膜:一些手机壳或屏幕保护膜可能会影响屏幕显示效果,尝试更换一种透明度较高的壳或膜。

4 更新小程序版本:有时候旧版本的小程序可能存在显示问题,尝试更新小程序到最新版本。

如果以上方法都无法解决问题,建议联系小程序客服或手机厂商客服进行咨询。

先看效果

如需要看下一篇文章-- 微信小程序 自定义底部导航闪烁解决 正在加急完成预计明天

⚠️ "tabBar"重点,自定义tabbar也需要写,但是在appjs中隐藏默认的tabbar

⚠️ thisgetSystemInfo() === 获取设备信息,因为iosX系统适配

tabbarwxml

tabbarwxss

cjs

tabbarjson

自定义导航基本可以,下面在页面中引入并使用

footerwxml, headerwxml, mywxml

footerjson, headerjson, myjson

footerjs, headerjs, myjs

以上就是关于请问携程小程序底部的筛选栏是如何实现的,如图全部的内容,包括:请问携程小程序底部的筛选栏是如何实现的,如图、小程序在底部特别小、微信小程序 自定义底部导航等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/9634830.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存