微信小程序基本结构

基本目录结构

Pages：用于存放所有小程序界面，每个页面都是一个单独文件夹
utils：用于存放工具性质模块
app.js:整个小程序项目的入口文件
app.json：全局配置文件
app.wxss：全局样式文件
project.config.json：项目的配置文件 不常用
sitemap.json：配置页面被微信搜索到的一些设置 不常用

快速创建页面

在app.json中修改pages属性，增加新的页面保存后pages文件夹就会生成这个文件

tabBar

在app.json配置tabBar

"pages":[
    "pages/index/index",
    "pages/cart/cart",
    "pages/search/search",
    "pages/mine/mine"
  ],
  "tabBar": {
        "list": [
        {
          "pagePath": "pages/index/index",
          "text": "首页",
          "iconPath": "/icon/_home.png",//普通图标
          "selectedIconPath": "/icon/home.png" //高亮图标
        },
        {
          "pagePath": "pages/cart/cart",
          "text": "购物车",
          "iconPath": "/icon/_img.png",
          "selectedIconPath": "/icon/img.png"
        },
        {
          "pagePath": "pages/search/search",
          "text": "搜索",
          "iconPath": "/icon/_search.png",
          "selectedIconPath": "/icon/search.png"
        },
        {
          "pagePath": "pages/mine/mine",
          "text": "我的",
          "iconPath": "/icon/_my.png",
          "selectedIconPath": "/icon/my.png"
        }
      ]
  },

效果