【微信小程序】【项目实战】二、全局配置(设置tabbar)、页面配置(引用组件)

本文档详细介绍了微信小程序的全局配置,包括新建页面和设置tabbar。在中配置全局信息,如网络超时时间,并通过修改实现页面自定义。同时,文章讲解了如何创建及引用自定义组件,提高代码复用性。
摘要由CSDN通过智能技术生成

重要的事情说三边

参考文档

参考文档

参考文档

小程序配置

全局配置

  • 小程序根目录下的 app.json 文件用来对微信小程序进行全局配置,决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。

  • 完整配置项说明请参考小程序全局配置
    在这里插入图片描述在这里插入图片描述

1.配置----- 新建页面

1: 在app.jsonpages项下新建一条记录在pages文件夹下面就会自动生成对应的文件夹
在这里插入图片描述

2: 如果想手动新建:
在这里插入图片描述

你在pages中的第一条记录对应的就是默认显示的页面。
也可以设置小程序入口页面:就是每次进入小程序第一个进入的页面。

在这里插入图片描述

2.配置-----tabbar

其中list接受一个数组,只能配置最少 2 个、最多 5 个 tab。tab 按数组的顺序排序,每个项都是一个对象

在这里插入图片描述
在这里插入图片描述

效果图:
在这里插入图片描述
备注:图片自己准备好就可以了(一张是选中的,一张是未选中的)
在这里插入图片描述

在这里插入图片描述
到这里tabar就做好了。

页面配置

  • 每一个小程序页面也可以使用同名.json 文件来对本页面的窗口表现进行配置,页面中配置项会覆盖 app.json 的 window中相同的配置项

例如:
在这里插入图片描述

在这里插入图片描述在这里插入图片描述

3.创建组件----引用组件</

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值