WechatPro_页面创建

 

1. 全局三个文件，app.js, app.json, app.wxss（名称不可更改）

2.创建Pages目录文件，用来放置各个页面

3.创建页面（页面命名，创建四个文件）

　　（1）js:页面逻辑实现

　　（2）json:负责标题栏和一些状态栏

　　（3）wxml:管理页面有什么

　　（4）wxss:页面布局

 

 

4.在pages内的index页面的wxml中：

　　把内容单元封装在view内部，<view></view> ，用class方式进行样式更改，类比html

5.标签

　　图片<image src='图片路径'></image>

　　文字<text></text>

　　按钮<button></button>

6.布局

<!-- index.wxml -->
<view class='container'>
  <image src="/images/wechat_icon.jpg"></image>
  <text>hello world</text>
  <button