前两期讲了小程序开发的准备工作以及前期需要如何调试，今天我们就来介绍下开发一个支付宝小程序页面需要了解哪些信息。

一个小程序页面的整体功能的构成离不开页面展示（AXML）、页面样式（ACSS）以及页面逻辑（JS）这三方面，下面本文将从这三方面具体展开。

一、AXML(组件)

AXML 页面一般用来做页面的布局，用支付宝提供的容器和组件在页面上做编排。

1. 基础能力与属性介绍

不同的组件有不同的作用，组件的内容放在开始 <xx> 和结束 <xx/> 标签之间，分别代表着不同的组件作用。

例如，下方登陆页面中展示的不同组件：

<!-- axml页面代码块 -->
<view>
  <image mode="scaleToFill" src="http://img.touxiangwu.com/zb_users/upload/2022/11/202211081667896715116887.jpg" />
  <view> 用户名 </view>
  <input placeholder="" />
  <view> 密码 </view>
  <input placeholder="" />
  <button size="default" type="primary">登录</button>
</view>

一般组件都拥有以下的共同属性：

其中：

• class、style 用来设置标签的样式（颜色、大小等）；
• on/catch 对标签进行事件绑定；
• data-* 可以用来设定标签的属性，触发事件之后，会将该值传输给 js 页面对应的方法中；

• 使用过程中可能会有一些常见问题，例如
  标签：支付宝,触发,demo,程序,API,res,组件,页面
  From： https://www.cnblogs.com/yjdmx/p/17851998.html