小程序

结构

主体app

• app.json小程序配置
• app.js小程序业务逻辑（属性和方法可以被其他页面访问）
• pages 页面配置（在最前面的默认页面）
• window窗口配置

"navigationBarBackgroundColor": "#f30", //导航栏颜色
"navigationBarTitleText": "WX", //导航栏标题
"navigationBarTextStyle": "white" //导航栏文字颜色（black，white）

• app.wxss公用样式

页面pages

index首页

• index.json首页配置（app.json里面的window一致）
• index.js 首页的业务逻辑
• index.wxml 首页的模板与布局
• index.wxss 首页的css

log 日志

标签组件

view 块
text文本

wxss

语法和web的css基本兼容
rpx 750rpx等于一个屏幕的宽

模板语法

1. 文本{{ }}
2. 条件渲染

3. 列表渲染

  {{myindex}}: {{myItem}}

{{item}}

4. 模板
   template

定义

调用