uni-app（1）小程序基础

小程序项目结构

pages存放页面

• index.js当前页面的逻辑
• index.json配置当前页面导航栏效果
• index.wxml页面的内容
• index.wxss当前页面的样式

utils存放工具类
app.js程序入口

app.json项目配置

• 全局的页面配置
• 窗口表现
  app.wxss全局的css样式

小程序生命周期

App({
  onLaunch (options) {
    // Do something initial when launch.
  },
  onShow (options) {
    // Do something when show.
  },
  onHide () {
    // Do something when hide.
  },
  onError (msg) {
    console.log(msg)
  },
  globalData: 'I am global data'})

页面生命周期

image.png