微信小程序 tabBar 怎么实现如图的样式
离底部有一段距离 且 像卡片
微信小程序 tabBar 怎么实现如图的样式
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
关注看起来样式，挺好看的，就写了一下试试。
参考这个文档
https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html我这边也是根据文档中的代码片段进行就改的。
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 分享
- 2022-05-22 14:49回答 1 已采纳 看起来样式，挺好看的，就写了一下试试。 参考这个文档https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom
- 2022-05-18 12:56回答 2 已采纳 你这个是tabbar页面吗，跳转tabbar页面用switchTab
- 2021-05-16 11:10回答 3 已采纳 题主按这样的思路，修改后写法，路径为"images/****.png"; 要忽略掉miniprogram这个路径。
- 2021-05-31 15:43微信小程序原生的自定义tabBar组件，中间圆形凸起。支持darkMode，深色主题自适应 支持iPhoneX底部横线自适应
- 2022-08-03 11:27回答 4 已采纳 切换到的页面一般都带着request请求，可以在封装的request请求添加拦截。
- 2022-11-10 21:54回答 5 已采纳 json格式不对吧，认真检查下app.json格式看看
- 2022-09-09 18:03回答 3 已采纳 z-index设置高度差
- 2020-07-24 13:47微信小程序底部tab-bar组件，高度还原微信原生tabBar功能及样式，且兼容iPhone异形全面屏，主要用于解决微信官方tabBar在遮罩层下无法被遮住的问题
- 2022-08-11 07:16回答 7 已采纳 index页面 <view> <view wx:for="{{list}}" wx:key="index" data-item="{{item}}"
- 2022-09-21 11:54回答 1 已采纳 关于代码实现文档上写很清楚的。https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html
- 2021-09-23 21:06回答 3 已采纳 用ref，如：给组件加一个reRefs，组件内加个方法Refresh()，点击的时候可以this.$refs.reRefs.Refresh()
- 2021-03-29 17:54配置如下： { "pages": [ "pages/index/index", "pages/mine/mine" ], "window": { "backgroundTextStyle": "light", ..."tabBar": { "backgroundColor": "#202020", "color": "#fff", "list": [ { "selectedIco
- 2022-09-28 17:23回答 2 已采纳 字符有问题。。估计你是复制过去的，逗号冒号那些从新用英文输入一下吧
- 2020-10-17 00:29主要介绍了微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能,结合实例形式分析了微信小程序自定义顶部TabBar选项卡页面切换功能的相关布局、样式及功能实现技巧,需要的朋友可以参考下
- 2023-09-15 10:31小程序自定义tabbar，覆盖默认tabbar，实现中间凸起功能和样式，包括html和js
- 2023-04-20 10:36微信小程序自定义tabbar
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 5月24日-
已采纳回答
5月24日
-
创建了问题
5月22日
悬赏问题
- ¥15 安卓adb backup备份应用数据失败
- ¥15 eclipse运行项目时遇到的问题
- ¥15 关于#c##的问题：最近需要用CAT工具Trados进行一些开发
- ¥15 南大pa1 小游戏没有界面，并且报了如下错误，尝试过换显卡驱动，但是好像不行
- ¥15 没有证书，nginx怎么反向代理到只能接受https的公网网站
- ¥50 成都蓉城足球俱乐部小程序抢票
- ¥15 yolov7训练自己的数据集
- ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)（相关搜索：51单片机|单片机|测试代码）
- ¥15 电力市场出清matlab yalmip kkt 双层优化问题
- ¥30 ros小车路径规划实现不了，如何解决？(操作系统-ubuntu)