https://developers.weixin.qq.com/s/47VZSGmR7Q7w
这是代码片段链接
项目中有好多地方都需要用到 navbar ,一个项目中重复的使用同一段代码感觉很烦人,所以就自己写了一个,适合 2-4 个 tab,【支持多个】多个的话稍微修改一下布局就可以了
━((′д`)爻(′д`))━!!!-图片传不上去
大家可以 打开代码链接看一下
如果感觉写的还凑合的 帮忙点个赞!
有什么可以改进的也可以 在下方评论
自适应 tabBar
https://developers.weixin.qq.com/s/47VZSGmR7Q7w
这是代码片段链接
项目中有好多地方都需要用到 navbar ,一个项目中重复的使用同一段代码感觉很烦人,所以就自己写了一个,适合 2-4 个 tab,【支持多个】多个的话稍微修改一下布局就可以了
━((′д`)爻(′д`))━!!!-图片传不上去
大家可以 打开代码链接看一下
如果感觉写的还凑合的 帮忙点个赞!
有什么可以改进的也可以 在下方评论
9 个评论
第一次分享,大家多多支持
不错/。
人工手动回复支持一下
挺好,谢谢楼主
对了,朋友们要在组件外面给个 view 然后 给这个view position:sticky 属性 ,写成组件之后,在页面属性不生效
对了在这里 我用了 position:sticky 粘性布局这是好东西哦,不需要的可以注释掉,可以百度一下
position:sticky 手机移动兼容性好吗
我在手机上试着挺好的,你也可以试试,
做了下完善,改成置底的,
一个置底的navBar? - 微信开放社区 https://developers.weixin.qq.com/community/develop/article/doc/0008c28a3284b8a1b11936af15b413
还不错,支持一下。
记得position:sticky在真机上兼容并不是很好, 这个有处理吗
我试了一些手机,兼容性还不错,可能在浏览器上不是很好吧
当时也想用这个样式, 但后来发现部分手机不兼容, 就放弃了
用 onPageScroll 去监听然后改变position也能实现,但是稍微有些卡顿
不兼容?
是position:sticky 有可能不兼容,如果你不需要可以去掉,但是组件是没有问题的哦