小程序的目录结构和配置说明

项目基本目录结构

|-- pages ———————————————————————————————————页面文件
|   |-- index ———————————————————————————————首页
|   |   |-- index.js ————————————————————————首页逻辑文件
|   |   |-- index.json ——————————————————————首页配置文件
|   |   |-- index.wxml ——————————————————————首页布局文件
|   |   |-- index.wxss ——————————————————————首页样式文件
|-- app.js ——————————————————————————————————项目全局入口文件
|-- app.json ————————————————————————————————项目配置文件
|-- app.wxss ————————————————————————————————全局样式文件
|-- README.md
|-- sitemap.json ————————————————————————————微信索引配置文件
|-- project.config.json     —————————————————项目配置文件

全局配置app.json文件

{
  "pages": [
    "pages/demo01/demo01", //默认展示
    "pages/index/index"
  ],
  "window": {
    "backgroundColor": "#F6F6F6",
    "backgroundTextStyle": "light",
    "navigationBarBackgroundColor": "#F6F6F6",
    "navigationBarTitleText": "云开发 QuickStart",
    "navigationBarTextStyle": "black"
  },
  "sitemapLocation": "sitemap.json",
  "style": "v2"
}

• pages
  • pages中可以新增页面，按保存就会自动新增一个目录
  • 如果小程序默认展示的页面是pages的第一项
• window
  • 字段参考微信文档全局配置
• tabBar
  • 是配置底部导航栏
  • 示例

"tabBar": {
    "list": [ //list必须需要最少需要2个对象
      {
        "pagePath": "pages/index/index", //跳转路径
        "text": "首页", //底部导航栏名字
        "iconPath": "icon/icon_8rel6vnhkzs/shouye_1.png",//选中前的图标
        "selectedIconPath": "icon/icon_8rel6vnhkzs/shouye.png"//选中后的图标
      },
      {
        "pagePath": "pages/img/img",
        "text": "图片",
        "iconPath": "icon/icon_8rel6vnhkzs/tupian_1.png",
        "selectedIconPath": "icon/icon_8rel6vnhkzs/tupian.png"
      }
    ]
  },

页面配置文件

• 看文档

sitemap.json配置

• 微信可以通过特定的方式搜索到小程序在这里插入代码片