微信小程序 tabBar 怎么实现如图的样式
离底部有一段距离 且 像卡片
微信小程序 tabBar 怎么实现如图的样式
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
1条回答 默认 最新
关注看起来样式，挺好看的，就写了一下试试。
参考这个文档
https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html我这边也是根据文档中的代码片段进行就改的。
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 1无用举报 分享
- 2022-05-18 12:56回答 2 已采纳 你这个是tabbar页面吗，跳转tabbar页面用switchTab
- 2022-08-03 11:27回答 4 已采纳 切换到的页面一般都带着request请求，可以在封装的request请求添加拦截。
- 2021-05-16 11:10回答 3 已采纳 题主按这样的思路，修改后写法，路径为"images/****.png"; 要忽略掉miniprogram这个路径。
- 2023-08-25 17:20在开发微信小程序时，UI设计和用户体验是至关重要的部分，特别是在构建导航栏（tabbar）时。`uniapp`是一个跨平台的开发框架，它允许开发者使用一套代码库来构建多端应用，包括微信小程序。在`uniapp`中处理微信小...
- 2022-11-10 21:54回答 5 已采纳 json格式不对吧，认真检查下app.json格式看看
- 2022-09-09 18:03回答 3 已采纳 z-index设置高度差
- 2022-08-11 07:16回答 7 已采纳 index页面 <view> <view wx:for="{{list}}" wx:key="index" data-item="{{item}}"
- 2023-04-20 10:36本文将深入探讨如何在微信小程序中自定义`tabbar`，特别是实现中间突起的样式。 1. **自定义tabbar的基本步骤** 在微信小程序中，我们可以通过以下步骤来创建自定义的`tabbar`： - 首先，在`app.json`文件中配置...
- 2022-09-21 11:54回答 1 已采纳 关于代码实现文档上写很清楚的。https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html
- 2022-06-28 00:51回答 3 已采纳 可以通过调用wx.hideTabBar和wx.showTabBar隐藏或展示底部的tabbar。例 index.js Page({ data: { show: false },
- 2023-03-06 17:36回答 2 已采纳 小魔女参考了bing和GPT部分内容调写:微信小程序转发分享的页面中的链接无效是因为微信小程序的页面跳转有严格的规定，只有使用wx.navigateTo、wx.redirectTo、wx.switch
- 2021-04-29 09:30此外，我们还可以通过编写自定义组件或使用微信小程序的API动态改变tabBar的状态和样式，以实现更丰富的交互效果。例如，在用户完成特定操作后，可以短暂高亮某个tab，或者在特定条件下隐藏某个tab。 最后，对于...
- 2021-05-31 15:43原生的微信小程序`tabBar`虽然提供了基本的样式和功能，但往往无法满足开发者对个性化设计的需求。本文将深入探讨如何实现一个中间圆形凸起的自定义`tabBar`，并介绍如何使其支持`darkMode`（深色主题）以及iPhoneX...
- 2020-10-16 17:37本篇文章将深入讲解如何自定义微信小程序tabbar上边框的颜色。 首先，我们要知道微信小程序的tabbar默认提供了两种边框风格，即`black`和`white`，这可以通过在全局配置文件`app.json`中的`tabBar`对象的`border...
- 2022-07-08 09:14以下是一些关于微信小程序TabBar的重要知识点： 1. **TabBar 配置**：在小程序的 app.json 文件中，开发者需要定义全局的 TabBar 配置，包括每个 Tab 的文字、图标以及选中状态下的图标。例如： ```json "tabBar...
- 2021-03-29 17:54配置如下： { "pages": [ "pages/index/index", "pages/mine/mine" ], "window": { "backgroundTextStyle": "light", ..."tabBar": { "backgroundColor": "#202020", "color": "#fff", "list": [ { "selectedIco
- 没有解决我的问题, 去提问
问题事件
已结题
（查看结题原因） 5月24日-
已采纳回答
5月24日
-
创建了问题
5月22日
悬赏问题
- ¥15 安装opengauss数据库报错
- ¥15 【急】在线问答CNC雕刻机的电子电路与编程
- ¥60 在mc68335芯片上移植ucos ii 的成功工程文件
- ¥15 笔记本外接显示器正常，但是笔记本屏幕黑屏
- ¥15 Python pandas
- ¥15 蓝牙硬件，可以用哪几种方法控制手机点击和滑动
- ¥15 生物医学数据分析。基础课程就v经常唱课程舅成牛逼
- ¥15 云环境云开发云函数对接微信商户中的分账功能
- ¥15 空间转录组CRAD遇到问题
- ¥20 materialstudio计算氢键脚本问题