支付宝小程序框架 AXML·介绍
AXML 是小程序框架设计的一套标签语言,用于描述小程序页面的结构。 AXML 语法可分为五个部分:数据绑定、条件渲染、列表渲染、模板、引用。
AXML 代码示例:
<!-- pages/index/index.axml -->
<view a:for="{{items}}"> {{item}} </view>
<view a:if="{{view == 'WEBVIEW'}}"> WEBVIEW </view>
<view a:elif="{{view == 'APP'}}"> APP </view>
<view a:else> alipay </view>
<view onTap="add"> {{count}} </view>
对应的 .js 文件示例:
// pages/index/index.js
Page({
data: {
items: [1, 2, 3, 4, 5, 6, 7],
view: 'alipay',
count: 1,
},
add(e) {
this.setData({
count: this.data.count + 1,
});
},
});
对应的 .acss 文件示例:
/* pages/index/index.acss */
view {
padding-left: 10px;
}
效果示例