微信小程序简单的页面

微信小程序的页面结构相对简单直观，主要由以下几个部分构成：

1. **wxml** (微信小程序标记语言) 文件：这是页面的核心组成部分，类似于HTML，用于编写页面布局、组件和样式。常用的元素有`view`（视图）、`text`（文本）、`image`（图片）、`button`（按钮）等。

2. **json** 文件：这个文件描述了页面的配置信息，比如标题、页面路径、路由规则等。

3. **js** 文件：JavaScript脚本，处理用户交互和数据操作，可以绑定事件监听器，控制页面的行为。

4. **wxss** 或 `css` 文件：样式表文件，用于定义页面的样式。

创建一个简单的页面示例：

// pages/index.wxml
<view class="container">
  <view class="title">欢迎来到首页</view>
  <button bindtap="handleClick">点击我</button>
</view>

// pages/index.json
{
  "pages": ["index"],
  "window": {
    "backgroundTextStyle": "light",
    "navigationBarTitleText": "我的小程序"
  }
}

// pages/index.js
Page({
  data: {},
  handleClick: function() {
    wx.navigateTo({
      url: '../detail/detail'
    });
  }
})

在这个例子中，`index.wxml`定义了一个包含标题和按钮的基本布局，`index.js`则处理按钮点击事件，跳转到其他页面。