tabBar的简单使用,以及扩展
文章目录
- 前言
- 一、tabBar是什么?
- 二、使用步骤
- 1.在app.json中添加以下代码
- 2.效果如下
- 三.遇到问题及解决方案
- 问题
- 方案
- 总结
前言
提示:这里可以添加本文要记录的大概内容:
例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
提示:以下是本篇文章正文内容,下面案例可供参考
一、tabBar是什么?
示例:tabBar是应用最下边的导航栏
二、使用步骤
1.在app.json中添加以下代码
代码如下(示例):
"tabBar": {"list": [{"iconPath": "/static/images/weather01.png",//导入图片,未被点击的"pagePath": "pages/weather/weather","text": "天气","selectedIconPath": "/static/images/weather02.png"//导入图片,被点击的},{"iconPath": "/static/images/animal03.png","pagePath": "pages/index/index","text": "宠物","selectedIconPath": "/static/images/animal04.png"},{"iconPath": "/static/images/xinwen01.png","pagePath": "pages/new/index01/index01","text": "新闻","selectedIconPath": "/static/images/xinwen02.png"},{"iconPath": "/static/images/profile.png","pagePath": "pages/geren/geren","text": "我的","selectedIconPath": "/static/images/profile-actived.png"}]},
添加如下:
2.效果如下
三.遇到问题及解决方案
问题
应用启动时:无法跳转到登录界面
方案
将代码直接添加到pages‘第一个’(图一),然后底下的tabber不能有:welcome界面(图二)
图一:
图二:
总结
底部标题栏比较经常使用,使用方法很简单,注意对应的页面跳转
附上:微信开发者文档
tabBar的简单使用,以及扩展相关推荐
- 使用74LS164和74LS165实现简单I/O扩展
使用74LS164和74LS165实现简单I/O扩展 1.I/O扩展: 如题,本人尝试使用74LS164和74LS165实现简单I/O扩展,使用Keil C51编写程序,并使用Proteus搭建模型进 ...
- 使用行动列表去创造简单且可扩展的游戏AI
作为人类,我们似乎总倾向于使用自己所熟悉的解决方法.我们总是会按照我们所知道的方式去做某些事,而不是按照做这些事的"最佳"方式.因为总是带着这种想法,所以我们很容易使用一些过时的技 ...
- 简单句的扩展----成分角度扩展-----非谓语动词作定语,状语 和 同位语 插入语
前绪:简单的扩展分为两种 1.词性的扩展:用来限定,补充,说明 扩展-----> 2.成分的扩展: 定语,状语,同位语,插入语 第一节:非谓语作为作为定语或者状语 概念:弄清三个问题 1.什么是 ...
- vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
今天分享的不是技术,今天给大家分享个插件,针对现有的vue右键菜单插件,大多数都是需要使用插件本身自定义的标签,很多地方不方便,可扩展性也很低,所以我决定写了一款自定义指令调用右键菜单(vuerigh ...
- 微信小程序根据不同用户切换不同`TabBar`,简单易懂
现有需求:小程序用户有三种身份(公众.运维人员.领导),根据不同用户身份显示不同的tabbar 众所周知微信小程序全局文件app.json里面的"tabBar"里面的list只能放 ...
- php 动态加载扩展,仿照PHP的实现简单的扩展动态加载
PHP通过扩展机制,可以方便的实现对PHP的动态扩展,在PHP扩展加载过程中简单的分析了PHP扩展的加载过程,下面可以继续根据PHP的相关实现,实现一个自己的简单的支持扩展的程序. 在PHP中,有个非 ...
- Delta3D———通过游戏管理器组件和消息的扩展创建自定义行为 《转》
游戏管理器组件给我们提供了在不修改游戏管理器的情况下灵活扩展我们的自定义行为的能力.游戏管理器组件是基于消息来工作的,定义自定义行为的基本 流程就是创建自定义类型的消息,在合适的时候发送消息,创建自定 ...
- compser可以检查php扩展吗,composer扩展
## 一些简单的thinkphp扩展 1. 正则表达式的扩展: PHP7以上: ``` composer req gherkins/regexpbuilderphp ``` PHP5 ``` comp ...
- 使用扩展方法和静态门面类实现伪领域对象
背景介绍 领域对象,在此特指充血的领域对象模型,在解决什么是伪领域对象之前,需要事先解释何为充血的领域对象.在此后的介绍中,假设我们存在对象模型Employee-Department. 在面向对象的实 ...
最新文章
- linux下从git获取有权限的代码,linux下从源代码安装git
- 关于element-ui 中使用Notice组件(Message、MessageBox、Notification)所遇到的坑
- 解析导入表和IAT表
- [Python图像识别] 四十六.图像预处理之图像去雾详解(ACE算法和暗通道先验去雾算法)
- ASP.NET Core服务器综述
- 只靠可视化大屏,做不了数字化,数据总监总结3点,你做到了几个
- 一看就懂的例子告诉你用react-redux的正确姿势
- 动态规划-最大的正方形面积
- 【转载】HTML之表单的设计(十)
- 精品|从零开始-基于FPGA 的软核处理器设计实现
- 大数据时代下数据挖掘技术的应用
- 511遇见易语言列表框去重复项目到列表框
- CORE Transport Technologies宣布蓝牙航空货物跟踪系统重大升级
- MySQL(小步笔记)
- 网宿cdn api 刷新缓存函数
- <<视觉问答>>2021:Check It Again: Progressive Visual Question Answering via Visual Entailment
- 苹果笔记本怎么查看计算机基本信息,怎么区分查找苹果电脑笔记本macBook pro的年份、型号及序列号...
- MySQL数据修改语句
- HTML5的优势,语法变化以及基础常用标签
- 数据库date日期转String类型
热门文章
- 颜色选择器vue3-colorpicker
- Mac需要关机吗?关机还是休眠你的选择是什么?
- Cisco(53)——STP理论
- 2016京东java待遇_Java硕士京东工作1年,跳槽后他期望薪资26K,大家感觉他可以吗...
- word中新建的标题编号与上一级的标题编号没有顺承的一种解决方法
- Notion 笔记Mac及windows客户端汉化
- location.origin
- 【已解决】如何用Python执行终端命令cmd(使用suprocess.run,并获取到stderror)
- 解决九号老C(C30/C40/C60/C80)电动车坐垫感应失灵的问题
- 千亿龙头开启价格血拼,四个重要消息将影响这几个板块的走势