微信小程序常用配置

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

1、配置导航窗口

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

2、配置页面

一般情况下我们会给每个页面创建一个文件夹,所以我们首先在pages下创建一个文件夹。

       小程序直接给我们提供了创建页面的功能,右键这个文件夹,点击创建新建Page即可直接生成页面所需的文件。

       生成文件之后,所有的页面都需要在app.json的pages属性中声明之后,才可以访问,小程序会默认先加载pages属性中第一个页面。如果开发过程如果我们需要调试别的页面,我们可以添加一个新的编译模

 

 

3、配置tabbar

在移动端经常会涉及到tabbar的使用,小程序直接给我们提供了配置tabbar的方法。

       这里需要注意的是,tabbar的图标不能是线上的地址,需要提前准备好放到项目里,一般情况下,这些静态资源可以放在assets文件夹下。这些图标大家可以从阿里矢量图标库中进行下载https://www.iconfont.cn/

  在app.json中与pages平级

"tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页",
      "iconPath": "assets/images/Index.png",
      "selectedIconPath": "assets/images/index-active.png"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "作业",
      "iconPath": "assets/images/logs.png",
      "selectedIconPath": "assets/images/logs-active.png"
    },{
      "pagePath": "pages/mine/mine",
      "text": "个人中心",
      "iconPath": "assets/images/mine.png",
      "selectedIconPath": "assets/images/mine-active.png"
    }]
  },

 

posted @ 2021-10-11 22:00  从入门到入土  阅读(444)  评论(0)    收藏  举报