学习小程序第三天

95 阅读1分钟

学习小程序第三天

json配置和路由跳转

json配置

index.json

 {
   "navigationBarTextStyle":"white",
   "navigationBarTitleText": "首页",
   "navigationBarBackgroundColor": "#00b26a"
 }

image-20241130235656448

  • 注册完路由就会自己生成相应的文件夹,要点击编译才行

9dafa0389091fcb34db6e036ff83272

  1. 注意这是一个严格的json,不能有注释,不能用单引号。
  2. 如果没有设置,那么第一个路由就是主页
  3. 当前页面json的优先级大于app.。也就是先去页面的json看,没有再去app.json里面。

路由跳转

  • 指定页面的首页。

image-20241201000829848

  • 路由跳转
 <!-- 页面跳转 url,相对路径 -->
 <navigator url="../logs/logs">跳转到logs页面</navigator>
 ​
 <!-- 跳转到url界面,绝对路径 -->
 <navigator url="/pages/logs/logs"></navigator>

image-20241201001336784

image-20241201001310606

路由必须要经过注册才能使用,在app.json里面修改就行