微信小程序开发学习笔记——4.6tabBar底部tab栏配置用法

news2024/10/7 14:30:48

>>跟着b站up主“咸虾米_”学习微信小程序开发中,把学习记录存到这方便后续查找。

一、tabBar

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar

二、icon下载

https://www.iconfont.cn/collections/index?spm=a313x.home_index.i3.4.63223a81XIgGOZ&type=1&sortType=like

按点赞数排序,找到Ant Design 官方图标库,分别下载空心和实心的图标,保存到static\image文件夹里即可引用。 

三、代码

app.json中,"window":{},的后面添加如下代码


  "tabBar": {
    "color":"#8a8a8a",
    "selectedColor": "#73cbf9",
    "list":[{
      "text": "首页",
      "pagePath": "pages/index/index",
      "iconPath": "static/image/home.png",
      "selectedIconPath": "static/image/home-fill.png"
    },{
      "text":"我的",
      "pagePath": "pages/formKT/formKT",
      "iconPath": "static/image/smile.png",
      "selectedIconPath": "static/image/smile-fill.png"
    },{
      "text":"视频",
      "pagePath": "pages/demo/demo",
      "iconPath": "static/image/video.png",
      "selectedIconPath": "static/image/video-fill.png"
    }]
  },

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1563782.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

js实现websocket断线重连功能

在项目开发中我们可能经常要使用websocket技术,当连接发生断线后,如果不进行页面刷新将不能正常接收来自服务端的推送消息。为了有效避免这种问题,我们需要在客户端做断线重连处理。当网络或服务出现问题后,客户端会不断检测网络状…

一个在线的NodeJS环境和终端运行界面

WebContainer 是一个基于浏览器的运行时,用于执行 Node.js 应用程序和操作系统命令,完全在浏览器选项卡内。以前需要云虚拟机来执行用户代码的应用程序,在 WebContainers 中可以完全在客户端运行与传统云虚拟机相比具有许多优势。 WebContai…

卡尔曼滤波笔记

资料:https://www.zhihu.com/question/47559783/answer/2988744371 https://www.zhihu.com/question/47559783 https://blog.csdn.net/seek97/article/details/120012667 一、基本思想 在对一个状态值进行估计的时候,如果想测量值更准,很自然…

数据结构进阶篇 之 【插入排序】详细讲解(直接插入排序,希尔排序)

千万不要因为一件事不会做而失去信心,你又不是只有这一件事不会,你还有很多呢 一、插入排序 1.直接插入排序 InsertSort 1.1 基本思想 1.2 实现原理 1.3 代码实现 1.4 直接插入排序的特性总结 2.希尔排序 ShellSort 2.1 基本思想 2.2 实现原理 …

6.7物联网RK3399项目开发实录-驱动开发之Camera摄像头的使用(wulianjishu666)

90款行业常用传感器单片机程序及资料【stm32,stc89c52,arduino适用】 链接:https://pan.baidu.com/s/1M3u8lcznKuXfN8NRoLYtTA?pwdc53f Camera 使用 简介 AIO-3399J 开发板分别带有两个 MIPI,MIPI 支持最高 4K 拍照,并支持 1080P 30fp…

282: 数字的秘密

收藏 难度:简单 标签:卓越班选拔 题目描述 在数字王国中,人人都有一个号码,人人都想知道这个号码对自己意味着什么。国王便做了很多个盒子,每个盒子拥有一个号码。人们需要通过一定的方法才能确定哪个盒子有自己的…

【Java 集合进阶】单练集合顶层接口collction迭代器

🍬 博主介绍👨‍🎓 博主介绍:大家好,我是 hacker-routing ,很高兴认识大家~ ✨主攻领域:【渗透领域】【应急响应】 【Java】 【VulnHub靶场复现】【面试分析】 🎉点赞➕评论➕收藏 …

jsp将一个文本输入框改成下拉单选框,选项为字典表配置,通过后端查询

一,业务场景: 一个人员信息管理页面,原来有个最高学历是文本输入框,可以随意填写,现在业务想改成下拉单选框进行规范化,在专科及以下、本科、研究生三个选项中选择; 二,需要解决问…

流程控制分支结构

一,流程控制 分为三种:顺序流程控制,分支流程控制,循环流程控制 二,顺序流程控制 先执行A,再执行B 三,分支流程控制if语句 从上到下执行代码的过程中,根据不同的条件&#xff0…

[游戏开发]Unreal引擎知识

工程通常会选择Development_Editor模式,它会过滤掉很多Debug信息,开发期间占用内存更小,项目运行更流畅,但也有缺点,就是部分断点信息看不到, 有两种解决办法: 1,选择DebugGame_Ed…

NULL与nullptr的区别

NULL是宏定义,如下: 如果用NULL,在函数重载时,NULL的类型被推断为int。这是不好的,所以引入nullptr。nullptr是c11引入的关键字,它就代表空指针。

Maven是什么? Maven的概念+作用

1.Maven的概念 Maven中文意思为“专家“、”内行“的意思,它是一个项目管理工具,可以对Java项目进行构建、依赖管理,通俗点 就是通过pom.xml文件的配置获取jar包不用手动的去添加jar包。 2.Maven的作用 对于大的工程,需要引用各…

Linux和Windows安装PHP依赖管理工具Composer

Composer 是 PHP 的一个依赖管理工具。它允许申明项目所依赖的代码库,会在项目中安装它们。 Composer 不是一个包管理器。是的,它涉及 "packages" 和 "libraries",但它在每个项目的基础上进行管理,在你项目的…

Java进阶-反射的详解与应用

本文深入探讨了Java反射机制的核心概念、应用实例及其在现代Java开发中的重要性。文章首先介绍了反射的基本原理和能力,包括在运行时动态获取类信息、操作对象字段和方法的能力。随后,通过具体代码示例,展示了如何利用反射进行字段访问、方法…

代码随想录算法训练营第四十二天 | 卡码网46. 携带研究材料、416. 分割等和子集

代码随想录算法训练营第四十二天 | 卡码网46. 携带研究材料、416. 分割等和子集 卡码网46. 携带研究材料题目解法 416. 分割等和子集题目解法 感悟 卡码网46. 携带研究材料 题目 解法 题解链接 二维数组 # include <bits/stdc.h> using namespace std;int n, bagweig…

谷歌google广告和必应Bing广告,是否二选一?

搜索引擎广告凭借其精准定向、高度可见性和高效转化能力&#xff0c;成为众多企业拓展海外市场、提升品牌影响力的重要手段。其中&#xff0c;谷歌Google与必应Bing作为全球两大主流搜索引擎&#xff0c;各自拥有庞大的用户群体与独特的市场优势。面对这两大广告平台&#xff0…

《自动机理论、语言和计算导论》阅读笔记:p68-p114

《自动机理论、语言和计算导论》学习第4天&#xff0c;p68-p114总结&#xff0c;总计47页。 一、技术总结 1.inverted indexes 明白单词的意思是“反转的索引”&#xff0c;但是不明白其在书中具体指什么&#xff0c;去查询资料的话需要花很不多时间&#xff0c;先继续往下看…

dcoker 下redis设置密码

修改Docker里面Redis密码 Redis是一个开源的内存数据结构存储系统&#xff0c;常用于缓存、消息队列和数据持久化等场景。在使用Docker部署Redis时&#xff0c;默认情况下是没有设置密码的&#xff0c;这可能会导致安全隐患。因此&#xff0c;为了保证数据的安全性&…

关于第十二届蓝桥杯时间显示题中包和模块的使用解释

题目信息&#xff1a; 解题代码&#xff1a; from datetime import datetime, timedelta # 定义起始时间&#xff0c;即 Unix 时间戳的零点&#xff08;1970年1月1日&#xff09; start datetime(year1970, month1, day1) # 定义时间间隔&#xff0c;这里以毫秒为单位 dela …

营销归因模型 - 销售员想知道却不敢问的问题

当谈到营销归因时&#xff0c;单一的尺寸并不适合所有人。了解归因的基本原理、可用的模型以及哪些模型最适合您的公司。我在翻译这个单词的时候&#xff0c;一度要翻译成属性&#xff0c;归因还是贡献值&#xff0c;纠结了很久。后来还是觉得归因比贡献值更贴切一下。 今天的…