微信小程序 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
- 2022-08-03 11:27回答 4 已采纳 切换到的页面一般都带着request请求，可以在封装的request请求添加拦截。
- 2021-05-31 15:43微信小程序原生的自定义tabBar组件，中间圆形凸起。支持darkMode，深色主题自适应 支持iPhoneX底部横线自适应
- 2021-05-16 11:10回答 3 已采纳 题主按这样的思路，修改后写法，路径为"images/****.png"; 要忽略掉miniprogram这个路径。
- 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 使用EMD去噪处理RML2016数据集时候的原理
- ¥15 神经网络预测均方误差很小 但是图像上看着差别太大
- ¥15 Oracle中如何从clob类型截取特定字符串后面的字符
- ¥15 想通过pywinauto自动电机应用程序按钮，但是找不到应用程序按钮信息
- ¥15 如何在炒股软件中，爬到我想看的日k线
- ¥15 seatunnel 怎么配置Elasticsearch
- ¥15 PSCAD安装问题 ERROR: Visual Studio 2013, 2015, 2017 or 2019 is not found in the system.
- ¥15 (标签-MATLAB|关键词-多址)
- ¥15 关于#MATLAB#的问题，如何解决？（相关搜索：信噪比，系统容量）
- ¥500 52810做蓝牙接受端