微信小程序全局/页面配置

常用全局配置

全局引入自定义组件

在项目中多个组件中都需要用到这个公共组件的话就用全局否则使用局部引入

在components文件中创建公共组件
在app.json文件中引入公共组件
"usingComponents": {"my-component":""/components/com/com},
使用时:<my-component></my-component>

app.json

entryPagePath:主页面

pages:页面路由

如果没有设置entryPagePath,那么显示的第一个页面就取自于第一个路径。

window:窗口设置(跟页面配置中大部分是一样的配置项,只不过是设置全局)

.
.
.
此处省略三万字
.
.
.
tabBar:底部的tab导航

list是核心的设置,是一个数组,最多五个导航,最少两个;

list里的pagePath路径必须先在pages里定义,定以后才能使用;

networkTimeout 设置网络超时时间 默认6秒

sitemapLocation 指明 sitemap.json 的位置

默认为 'sitemap.json' 即在 app.json 同级目录下名字的 sitemap.json 文件

常用页面配置

pages/path/index.json
局部引入自定义组件

在components文件中创建公共组件
在需要引入组件的json文件中引入公共组件
"usingComponents": {"my-component":""/components/com/com},
使用时:<my-component></my-component>

配置项

navigationBarBackgroundColor 用于设置导航栏背景颜色

仅支持#000000进制颜色

navigationBarTitleText 设置导航栏文字内容

"navigationBarTitleText": "WeiXin",

navigationBarTextStyle 用于设置导航栏字体颜色

仅支持black/white俩种颜色

navigationStyle 导航栏样式

default 默认样式 custom 自定义导航栏

enablePullDownRefresh 是否开启当前页面下拉刷新

默认false如果要开启改成true

backgroundTextStyle 下拉 loading 的样式

仅支持 dark / light

window

重写,覆盖全局的window配置,让当前页面拥有自己的窗口样式。

usingComponents

引入子组件的时候,用于挂载的;

相当于vue里的components;

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码上流星&洒下星辰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值