微信小程序之新页面的创建【2】

新页面创建与组成结构

新页面创建

1. 在全局的app.json中的pages键后面加值（页面路径），然后点击编译或者保存，会自动生成相应的文件。
2. 手动创建。

组成结构

1. 所有页面都在pages文件中，也可以自己定义在其它文件中。
2. 在一个文件夹中创建一个页面（代码清晰）也可以创建多个页面（比如同一功能的页面）。

文件解析

• wxml与html对应，但是不能使用html中的标签，需要用微信小程序的标签。
• wxss与css对应，语法也一致。
• json是对当前页面的配置文件。若当前页面没有配置就看全局的json。
• js在微信小程序中无window对象。
• app.xx是全局的

wxml标签

//div，块级元素，独占一行
<view></view>
//font+span，内联元素，不独占一行
<text></text>

例子

<!--pages/about/about.wxml-->
<text>hello</text> <text class="ft_red">tscn</text>
<view>world</view><view>world</view>
<button bindtap="show">点我</button>
<button bindtap="show">点我</button>

show:()=>{
    wx.showToast({
      title: '这是一个按钮',
    })
  },

• 截图