小程序项目结构的讲解

一、项目结构

 二、Json配置文件

 

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff",
    "navigationBarTitleText": "Weixin",
    "navigationBarTextStyle":"black"
  },
  "style": "v2",//默认使用最新的组件样式
  "sitemapLocation": "sitemap.json"
}

"compileType": "miniprogram",
  "libVersion": "2.19.4",
  "appid": "wx5a9064d657e9898f",//小程序ID
  "projectname": "mp_01",//无影响项目名称并不等于小程序名称
  "debugOptions": {
    "hidedInDevtools": []
  },

{
  "usingComponents": {},
  "navigationBarBackgroundColor": "#00b26a"//在index.json中加入这句话可以布局颜色

}

{
  "desc": "关于本文件的更多信息，请参考文档 https://developers.weixin.qq.com/miniprogram/dev/framework/sitemap.html",
  "rules": [{
  "action": "allow",//disallow所有都不被索引
  "page": "*"//*代表所有的页面
  }]
}

 

 三、WXML模板以及区别HTML

 

 三、WXSS模板以及区别CSS

 

  四、JS逻辑交互