小程序基础之app.json

最新推荐文章于 2024-08-20 16:23:35 发布

原创最新推荐文章于 2024-08-20 16:23:35 发布 · 472 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #json #javascript

小程序专栏收录该内容

3 篇文章

订阅专栏

目录结构说明

在这里插入图片描述
主体文件，由三个文件组成，必须放在项目的根目录下

文件	必填	作用
app.json	是	小程序公共设置
app.js	是	小程序逻辑
app.wxss	是	小程序公共样式表

页面由四个文件组成

文件类型	必填	作用
js	是	页面逻辑
wxml	是	页面结构
wxss	否	页面样式表
json	否	页面配置

app.json

{
//创建包的地方
  "pages":[ 
    "pages/index/index",
    "pages/images/images",
    "pages/search/search",
    "pages/shopping/shopping",
    "pages/mine/mine",
    "pages/logs/logs"
  ],
  //窗口位置
  "window":{
  //下拉 loading 的样式，仅支持 dark / light
    "backgroundTextStyle":"dark",
    //导航栏背景颜色
    "navigationBarBackgroundColor": "#8470FF",
    //导航栏标题文字内容
    "navigationBarTitleText": "金盛牙科",
      //导航栏标题文字颜色
    "navigationBarTextStyle":"white",
    //是否开启当前页面下拉刷新。
    "enablePullDownRefresh":true
  },
  "tabBar": {
  //Tabbar的项的数组，按照规范，至少要有2个Tabbar项
    "list": [
      {
      //是否显示Tabbar的右上角的Badge
      "pagePath": "pages/index/index",
      //Tabbar项的标题
      "text": "首页",
      //Tabbar项的icon图片路径，建议使用绝对路径，相对路径要相对于组件所在目录的。
      "iconPath": "images/_icon_sy.png",
      //Tabbar项选中时的icon，建议使用绝对路径，相对路径要相对于组件所在目录的。
      "selectedIconPath": "images/_icon_sy.png"
    },
    {
    "pagePath": "pages/search/search",
    "text": "发现",
    "iconPath": "images/_icon_ss.png",
    "selectedIconPath": "images/_icon_ss.png"
   },
   {
    "pagePath": "pages/shopping/shopping",
    "text": "问诊",
    "iconPath": "images/icon_s.png",
    "selectedIconPath": "images/icon_s.png"
   },
   {
    "pagePath": "pages/mine/mine",
    "text": "我的",
    "iconPath": "images/_icon_m.png",
    "selectedIconPath": "images/_icon_m.png"
   }
  ],
   "color": "#FFFFFF",
   "backgroundColor": "#8470FF",
   "selectedColor": "#000000",
   "borderStyle": "white"
  },
  "style": "v2",
  "sitemapLocation": "sitemap.json"
  }