配置

作者: 云之一 | 来源:发表于2021-03-19 14:40 被阅读0次

一、全局配置文件

1. pages属性
  • pages 即路由
  • 第一项即首页,调试时可以更改或者开发者工具中添加编译模式
  • 在pages中添加一个路由,保存时会自动生成相关文件
2.window属性
  • 导航栏设置
  • 下拉刷新开关及样式
3.tabbar设置
  • tab数据
  • tab栏样式
{
  //书写配置文件时建议在开发者工具中编写,有提示
  //1、pages 即路由
  //2、第一项即首页,调试时可以更改或者开发者工具中添加编译模式
  //3、在pages中添加一个路由,保存时会自动生成相关文件
  "pages": [  
    "pages/index/index",
    "pages/logs/logs",
    "pages/test",
    "pages/test/test"
  ],

  "window": {
    "backgroundTextStyle": "light",//下拉刷新时加载图标的颜色,枚举[dark,light]
    "navigationBarBackgroundColor": "#fff", //导航栏背景色
    "navigationBarTitleText": "测试哈哈哈", //导航栏文本
    "navigationBarTextStyle": "black" , //导航栏文本颜色,枚举值:[black,white]
    "enablePullDownRefresh": true, //下拉刷新开启关闭
    "backgroundColor": "#666", //窗口的背景色,下拉时可以看到
  },
  "tabBar": {
      "list":[
        {
          "pagePath":"pages/index/index",//tab路径
          "text":"首页",//tab文本
          "iconPath":"icon/sheep1.png",//tab未被选中图标
          "selectedIconPath":"icon/active-sheep1.png"//tab被选中图标
        }, 
        {
          "pagePath":"pages/img/img",
          "text":"图片",
          "iconPath":"icon/sheep2.png",
          "selectedIconPath":"icon/active-sheep2.png"
        }, 
        {
          "pagePath":"pages/mine/mine",
          "text":"我的",
          "iconPath":"icon/sheep3.png",
          "selectedIconPath":"icon/active-sheep3.png"
        }, 
        {
          "pagePath":"pages/search/search",
          "text":"搜索",
          "iconPath":"icon/sheep4.png",
          "selectedIconPath":"icon/active-sheep4.png"
        }
      ],
      "color":"#0094ff",//tab未被选中文本颜色
      "selectedColor": "#ff9400",//tab被选中文本颜色
      "backgroundColor": "#eeeeee",//tab栏背景颜色
      "position": "top"//tab栏位置,枚举值[top,bottom],为top时不显示icon
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

二、页面配置文件

可以覆盖全局配置中的window属性

  • 控制页面导航栏外观
  • 自定义组件配置
  • 页面开启禁用上拉加载下拉刷新

相关文章

网友评论

      本文标题:配置

      本文链接:https://www.haomeiwen.com/subject/rhgrcltx.html