第一、查看是否报错路径是否正确第二、确保tabBar.list数组的第一项必须和pages配置中的第一项要相同
原创
2022-11-19 05:37:29
217阅读
uniapp自定义modal弹窗，可覆盖标题栏和tabbar前言思路实现尾巴 前言在开发过程中，我们绝大部分时候会自定义modal弹窗来实现自己的需求，通过组件的方式实现标题栏和tabbar无法被mask覆盖，可能还会存在滚动穿透的问题。今天我们来通过另外一种方式来实现，可以让mask覆盖标题栏和tabbar，而且不会有滚动穿透问题。思路实现思路就是通过新启一个页面，把页面的背景设置为半透明来达
转载
2023-10-08 22:28:43
778阅读
1、跳转到搜索页面功能点击搜索跳转，显示热门搜索和，搜索历史 结果如下所示 1、创建搜索页search.vue 配置pages.json页面配置app-plus导航搜索页面(这个只针对h5和APP有用){
"path": "pages/search/search",
"style": {
"navigationBarTitleText": "",
"app-plus":
转载
2024-07-09 21:13:45
305阅读
uni.setTabBarItem(OBJECT)动态设置 tabBar 某一项的内容平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√x√OBJECT参数说明：属性类型默认值必填说明indexnumber 是tabBar 的哪一项，从左边算起textString 否tab 上的按钮文字iconPathString 否图片路径，ico
转载
2024-08-31 15:00:19
556阅读
上一章节的认识
上一章节我们主要认识了pages.json配置文件中的pages和globalStyle代表的含义，本章节主要说一下经常使用的tabBar组件，tabBar组件和pages、globalStyle也是平级的。 这里看看我们直接的代码{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/p
转载
2024-05-29 02:17:15
96阅读
tabbar底部导航https://www.bilibili.com/video/BV1K94y1B7Mx?p=7下面是配置taBar注意：最少2个，最多5个修改page.json文件：然后重新启动下面设置其他页面的顶部标题和样式：（下面给出分类页面的设置、其他页面直接复制粘贴修改Text的内容即可）修改一下底部导航的样式：App.vue文件中可以设置每个页面的公告css：设置底部导航栏的图标（分
原创
2024-06-13 13:48:32
555阅读
在 static 文件夹中新建文件夹 tabBar，放入标签图片。在 pages.json 中添加。
原创
2024-01-02 12:07:13
430阅读
1. 创建页面删除pages 下的 index 文件夹在pages 文件夹处，右键 -> 选择新建页面确认新建页面的信息 由于咱们删除了默认的index.vue页面，导致编译报错 找到pages.json文件，把鼠标选中部分配置删除即可2. 配置 pages.json
删除index 路径（这一步咱们上面已经做了）新建tabbar 节点复制图标
原创
2022-09-06 07:56:06
1001阅读
—济南纪年信息科技有限公司民生项目：商城加盟/娱乐交友/创业商圈/外包兼职开发-项目发布/安全项目：态..
原创
2021-07-06 13:46:17
430阅读
# 如何在 UniApp 中实现 iOS TabBar 不显示
在进入 UniApp 开发的过程中，可能会遇到一些设计上的需求，比如 iOS 平台上希望隐藏 TabBar。这个需求通常出现在某些页面不需要底部导航时，比如详情页、表单页等。本文将详细解析如何实现这一功能，同时附上代码示例和注释，帮助你更好地理解整个过程。
## 实现流程
为了隐藏 iOS 中的 TabBar，我们通常需要遵循以
在使用uniapp开发iOS应用时，调整tabBar的字体颜色是一个常见的需求。通过以下的博文整理，我们将深入探讨如何解决“uniapp ios tabBar 字体颜色”这一问题。
## 背景定位
在移动应用的用户体验中，iOS平台的 tabBar 是用户界面的重要组成部分。字体颜色的匹配直接影响用户的初始访问和后续使用感受。因此，对于uniapp开发者来说，了解如何有效管理和样式化tabBa
1.效果2.说明该配置按页面配置，无法全局配置3.使用方法3.1 引入uni-icons插件插件地址:点击此处跳转到uni-icons引入以后，会发现uni-modules中新增如下目录和文件：仅需要那个uniicons.ttf文件，不引入插件、单独把那个文件下载到本地也是可以的。3.2 复制uniicons.ttf文件到static目录下不知道为什么非要放进去，直接写node_modules路径
一、导航跳转利用navigator进行跳转跳转到普通页面// navigate方式
<navigator url="/pages/about/about"> // navigate只能跳转到非tabbar页面,可以回退到以前的页面
<button type="default">跳转到关于页面</button>
</navigator>
// r
转载
2024-02-29 16:06:58
882阅读
uniapp用来开发app还是比较方便快捷的，官网教程[1]挺细致，几乎所有问题都能找到答案。网上也有不少入门教程，腾讯课堂、b站上有好几个视频教程，感觉还可以(其实我没怎么看)，比较偏实战，可以动手试一下。本文假设阅读者已经基本掌握了uniapp的入门开发技能，如果还没有掌握uniapp，但你准备进行相关开发，赶紧从官方文档入手，再结合实战视频操作就好了，前面推荐的都不错。好了，进入本文主题——
转载
2024-08-13 08:06:08
288阅读
条件注释实现跨端兼容跨端兼容
uni-app 已将常用的组件、JS API 封装到框架中，开发者按照 uni-app 规范开发即可保证多平台兼容，大部分业务均可直接满足。但每个平台有自己的一些特性，因此会存在一些无法跨平台的情况。大量写 if else，会造成代码执行性能低下和管理混乱。编译到不同的工程后二次修改，会让后续升级变的很麻烦。在 C 语言中，通过 #ifdef、#ifndef 的方式，
转载
2024-04-28 16:19:00
160阅读
在配置uniapp的tabbar的时候,记得要把首页也配置进去，不然你的首页一直都不会出现tabbar，导致以为没有配置成功 pages中第一项就是首页，这是uniapp默认的 那么pages中的首页也要配置在tabbar中 另外，pages中的页面文件也一定要存在**** ...
转载
2021-03-29 22:11:00
2454阅读
2评论
QQ 127451
原创
2021-07-18 19:41:49
303阅读
在使用 uniapp 开发 iOS 应用时，有时会遭遇一个棘手的布局问题，即"iOS tabbar 整体上移"。在这篇博文中，我将详细记录如何解决这个问题，包括环境预检、部署架构、安装过程、依赖管理、故障排查和版本管理，帮助大家在遇到类似问题时更有效地应对。
首先，我们的环境预检是非常重要的一步。我们需要确保环境的兼容性，下面是四象限图可以帮助我们识别潜在的高风险和低风险区域。
```merm
目录一、创建项目1.新建项目2.构建基础页面3.构建tabBar二、构建首页-轮播图1.使用轮播组件2.禁用原生导航栏达到页面全屏化3.引用组件实现全局变量三、构建首页-热门电影3.1 使用scoll-view组件3.2 开发自定义组件3.3 父组件向自定义组件传递值3.4 完成评分自定义组件构建首页-热门预告构建首页-猜你喜欢1. 编写flex布局2. 实现点赞动画效果3.还原动画4.动态渲染
介绍：现在我们要满足的项目需求是根据登录用户角色的不同，tabBar的数量和内容显示不同，如下图 用户角色为管理员时： 用户角色为普通用户时： 登录用户的角色不同，因为权限不同所以tabBar的内容和数量也不同，而uniapp中tabBar本身的配置 uni.setTabBarItem(OBJECT) &nb
转载
2023-09-24 18:32:09
242阅读
